
/** File: stylesheets/global.css **/

/*******************************************************************************
  Resets / Rewrites
*******************************************************************************/

* {
  margin: 0; padding: 0; border: 0;
}

img {
  border: 0px;
}
a {
	color: #950000;
}

body {
	font: 12px "Lucida Grande", Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	background: #DEDEDE;
}

#print_preview_header {
  display: none;
}

button, input, textarea, select {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

input, textarea {
  padding: 3px;
 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
   width: 250px;
  /*background: #f8f8f8;*/
  background: #FFF;
  border: 1px solid #ddd;
  font-size: 12px;
  /*padding: 4px 4px;*/
}

select {
   	padding: 3px;
 	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    	background: #FFF;
  	border: 1px solid #ddd;
  	font-size: 12px;

 }
 #button_posstition{
float:right;

 }
.master_checkbox,
.slave_checkbox,
.checkbox input {
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: none;
}

optgroup option {
  padding-left: 10px;
}

a {
	text-decoration: none;
}

a:focus {
  outline:0;
}

a:hover {
	text-decoration: none;
	/*text-decoration: underline;*/

}

p {
  margin: 8px 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 8px 0;
  padding: 0;
  font-weight: normal;
}

h1 {
  font-size: 200%;
}

h2 {
  font-size: 150%;
}

h3 {
  font-size: 120%;
  font-weight: bolder;
}

table {
  width: 100%;
  border-collapse: collapse;
}


table th {
  border-bottom: 1px solid #ccc;
  padding: 9px;
  text-align: left;
}

/*Ram commented for marwise view purpose
*/ {
  border-bottom: 1px solid #ccc;
  padding: 2px;
  text-align: left;
}

table th i {
  font-weight: normal;
  color: #999;
}

ul, ol {
  margin: 0;
  padding: 0 0 0 20px;
}

.url_link {
  border: 1px solid #ccc;
  text-decoration: none !important;
  color: #333;
  padding: 1px 5px;
  background-color: #eee;
}

/*******************************************************************************
  Classes
*******************************************************************************/

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.auto { width: auto; }
.block { display: block; }
.inline {
  display: inline;
  width: auto;
}

.boxless {
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}

.details {
  font-size: 11px;
}

.name_column {
  width: 300px;
}

span.late {
  color: red;
  cursor: help;
}

span.upcoming {
  color: green;
  cursor: help;
}

.editable:hover {
  background: #FFFFD3;
  cursor: text;
}

.error {
  /*color: red;*/
}

/* OK color */
.ok {
  color: green;
}

/* Not OK color */
.nok {
  color: red;
}

del.completed {
  color: #666 !important;
}

del.completed a {
  color: #666 !important;
}

span.ago {
  cursor: help;
}

dl.details_list {
  font-size: 11px;
  color: #333;
}

dl.details_list dt {
  clear: left;
}

dl.details_list dt, dl.details_list dd {
  padding: 3px 0;
}

dl.details_list dt {
  float: left;
  width: 90px;
  text-align: right;
  color: #999;
}

dl.details_list dd {
  margin-left: 110px;
}

dl.details_list dd.light a, dl.details_list dd.light a:hover {
  color: #666;
  text-decoration: underline;
}

/******************************************************************************
  Buttons
******************************************************************************/

a.button {
  display: block;
  float: left;
  height: 24px;
  margin-right: 6px;
  padding-right: 12px; /* sliding doors padding */
  text-decoration: none;
  overflow: hidden;
  font-size: 10px;
  outline: none; /* hide dotted outline in Firefox */
  border: 1px solid #bbb;
  border-bottom: 2px solid #aaa;
  background: #FFF;
}

a.button.default {
  font-weight: bold !important;
}

a.button span {
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 12px;
}

* html a.button span {
   padding: 5px 0 6px 12px;
}


a.button span img {
	margin-left: 2px;
}

/*******************************************************************************
  Construction
*******************************************************************************/

.container {
	width: 980px;
	margin: 0px auto;
	text-align: left;
}

.content_fix {
  display: none;
}

#top {
	background: #9b0000 url(../images/main_header.gif) repeat-x top left;
}


#top .container {
	padding-top: 3px;
}
#top #header {
	background:url(../images/main_header_body.gif) no-repeat top left;
	border: 0px;
}

#logged_user a {
	color: #FFF;
	text-decoration: underline;
}

#logged_user a:hover {
	text-decoration: none;
}
#logged_user {
  	background: url(../images/ac_user_info_left.gif) no-repeat top left;
 	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	float: right;
	height: 25px;
	overflow: hidden;
	display: block;
	margin: 0px 0px 3px 0px;
}

#logged_user .inner {
	background:url(../images/ac_user_info_right.gif) no-repeat top right;
	padding: 6px 12px 7px;
	display: block;
}

#header
 {
	clear: right;
	height: 82px;
	padding: 10px 10px 0px;
	border: 1px solid #D1D0D0;
	background: #EEEEEE;
	border-bottom: 0px;
}

#site_log
 {
  margin: 0px;
  padding: 0px;
  float: left;
}

.site_logo {
	float: left;
	margin-left: 5px;
	margin-top: 0px;
}


/*************************************************************
  Menu
*************************************************************/

#menu {
  float: right;
}

#menu ul.group {
  margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px;
	list-style: none;
	float: left;
}

#menu ul.group li {
	display: inline;
	float: left;
	position: relative;
	z-index: 5;
}

#menu ul.group li a {
	background:url(../images/navigation_background.gif) repeat-x top left;
	display: block;
	float: left;
	height: 72px;
	overflow:hidden;
	font-size: 10px;
	font-weight: bold;
}

#menu ul.group li a * {
	cursor: pointer;
}
#menu ul.group li.first a {
	background:url(../images/navigation_background_first.gif) no-repeat top left;
}

#menu ul.group li.last a {
	background:url(../images/navigation_background_last.gif) no-repeat top right;
}


#menu ul.group li a span.outer {
  display: block;
  height: 59px;
  padding-top: 13px
}
#menu ul.group li.last a span.inner {
	border: none !important;
}

#menu ul.group li a:hover {
	background-position: bottom left;
	text-decoration: none;
}

#menu ul.group li.last a:hover {
	background-position: bottom right;
}

#menu ul.group li a span.inner {
	border-right: 1px solid #DFDCBB;
}

#menu ul.group li a:hover span.inner {
	border-right: 1px solid #D2CD9C;
}

#menu .additional a span {
  border-right:1px solid #DFDCBB;
}

#menu ul.group li.single a {
  background:url(../images/navigation_background_first.gif) no-repeat top left;
}

#menu ul.group li.single a span.outer {
	background: url(../images/navigation_background_last.gif) no-repeat right top !important;
}

#menu ul.group li.single a span.inner {
  border:none !important;
}

#menu ul.group li.single a:hover {
	background-position: bottom left !important;
}

#menu ul.group li.single a:hover span.outer {
	background-position: bottom right !important;
}

#menu ul.group #searchForm {
	background:url(../images/navigation_background_first.gif) no-repeat top left;
}

#menu ul.group #searchForm .inner {
	background: url(../images/navigation_background_last.gif) no-repeat right top;
}

#menu ul.group #searchForm input.text {
	border: 1px solid #bfbd82;
}

#menu ul.group #searchForm button {
	border: none;
	color: #950000;
}

#menu ul.group #searchForm button span {
  background: none !important;
  padding: 0px !important;
}

#menu ul.group li a span.inner {
	display: block;
	padding: 40px 10px 9px 10px;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 50% 0px;
}
.tableview {

border:1px solid #000;
margin-top:10px;
		}
#menu ul.group li.single a {
  padding-left: 10px;
}

#menu ul.group li.single a span.outer {
	padding-right: 10px;
}

#menu ul.group li.single a span.inner {
  padding-left: 0px;
  padding-right: 0px;
}

#menu ul.group #searchForm {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	height: 72px;
	text-align: right;
}

#menu ul.group #searchForm .inner {
	height: 57px;
	padding: 15px 15px 0px 0px;
}

#menu ul.group #searchForm input.text {
	font-size: 10px;
	padding: 2px 3px;
	width: 120px;
}

#menu ul.group #searchForm button {
	background: url('images/icon_search_small.gif') no-repeat left center !important;
	padding: 1px 0px 1px 14px !important;
	margin: 5px 0px 0px 0px;
	border: none;
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	right: 0px;
}

#menu ul.group #searchForm .inner div {
  text-align: right;
  position: relative;
  width: 125px;
  height: 15px;
}

.navigation_group li:hover ul {
	display: block;
}

#menu .additional {
  text-indent: -9000px;
}

#menu .additional a {
  width: 15px;
  margin-left: -10px;
}

#menu .additional a span {
  width: 14px;
  display: block;
  height: 58px;
  margin-top: 13px;
  background: url('images/menu_dropdown.gif') no-repeat center center;
}

#menu ul .item .badge {
  background: #ff0303;
  position: absolute;
  top: 30px;
  font-size: 9px !important;
  right: 10px;
  color: #FFF;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 5px;
  padding: 0px 3px;
}


/*******************************************************************************
  TABS
*******************************************************************************/

#tabs {
	background: #AA1A1A url(../images/main_tabs_background.gif) repeat-x left bottom;
}
#tabs ul li.first a {
color:#840000;
}
#tabs ul li a {
color:#575132;
}
#tabs ul li a.current span {
background-position:right bottom;
}
#tabs ul li a span {
background:transparent url(../images/main_tab_right.gif) no-repeat scroll right top;
}
#tabs .container {
	height: 26px;
	padding-top: 4px;
	border-left: 1px solid #D1D0D0;
	border-right: 1px solid #D1D0D0;
	border-bottom: 1px solid #D1D0D0;
	width: 978px;
	background:url(../images/main_tabs_container.gif) repeat-x left top;
	border-bottom: none;
}

#tabs ul {
	margin: 0px 0px 0px 12px;
	padding: 0px;
	list-style: none;
}

#tabs ul li {
	display: inline;
}

#tabs ul li a {
	display: block;
	float: left;
	height: 26px;
	margin-right: 2px;
	font-size: 10px;
	font-weight: bold;
	overflow: hidden;
	border: 1px solid #ccc;
	border-bottom: 0px;
	background: #DEDEDE url(../images/main_tab_left.gif) no-repeat left top;
	color: #575132;

}

#tabs ul li a:hover {
	text-decoration: underline;
	background-color: #FBFBFB;
}

#tabs ul li a span {
	height: 19px;
	padding: 0px 8px;
	display: block;
	padding-top: 7px;
	cursor: pointer;
	white-space: nowrap;
	background: url(../images/main_tab_right.gif) no-repeat right top;
}

#tabs ul li a.current {
  background-color: #FBFBFB;
}

#tabs ul li.first a span {
  padding-left: 10px;
  padding-right: 10px;
}

/*******************************************************************************
  PAGE
*******************************************************************************/

#page .container {

	border-left: 1px solid #D1D0D0;
	border-right: 1px solid #D1D0D0;
	/*border-bottom: 1px solid #D1D0D0;*/
	width: 978px;
	background: #FFF url(../images/page_container.gif) repeat-y top left;
	border: 0px;
	width: 980px;
}

#page .container_inner {
	background:url(../images/page_container_inner.gif) no-repeat left bottom;
	padding: 0px 1px 20px 1px;
}

#page_header_container {
background: #ECECEC;
  position: relative;
  z-index: 100;
}

#page {
  position: relative;
  z-index: 50;
}

#page_header {
	position: relative;
	padding: 20px 40px 10px;
	line-height: 140%;
	border-left: 1px solid #D1D0D0;
	border-right: 1px solid #D1D0D0;
	/*border-bottom:1px solid #D1D0D0;*/
	background: #FBFBFB url(../images/page_title.gif) repeat-x left bottom;
	border-bottom: 0px;
}

#page_header h1 {
	margin: 0px;
	font-size: 14px;
}

#page_header h1#page_title {
  font-weight: bold;
}


#page_header #page_details {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

#page_header h2 .status {
	position: relative;
	font-size: 10px;
	text-transform: uppercase;
	top: -5px;
	margin-left: 5px;
}

#page_header h2 .private {
	color: #950000;
}

#page_header #page_icon{
  float: left;
  position: absolute;
  left: 12px;
  top: 15px;
}

.with_page_details #page_icon {
  top: 23px !important;
}

.page_info_container {
  width: 500px;
  float: left;
  margin-bottom: 10px;
}

#page_actions {
  float: right;
  margin: -6px 0px 10px 0px;
  padding: 0;
  list-style: none;
}

.with_page_details #page_actions {
  margin-top: 0px
}

#page_actions li {
  display: inline;
  position: relative;
  float: left;
}

#page_actions li a {
	font-weight: bold;
}

#page_actions li a.button {
	float: left;
	position: relative;
	margin-top: 4px;
	font-weight: bold;
}

#page_actions li a.button.print {
  position: relative;
}

#page_actions li a.button.print span {
  width: 13px;
  height: 14px;
}

#page_actions li a.button.print img {
  position: absolute;
  top: 4px;
  left: 9px;
  width: 16px;
  height: 16px;
}


#page_actions .with_subitems a.button {
  border-bottom: 2px solid #aaa;
}

#page_actions .with_subitems ul {
  display: none;
  position: absolute;
  right: 8px;
  top: 29px;
  margin: 0px;
  padding: 0px;
  /*width: 150px;*/
  list-style: none;
  border: 1px solid #e0e0e0;
  z-index: 10000;
  background: #fcfcfc;
}

#page_actions .with_subitems.hover ul {
  display: block;
}

#page_actions .with_subitems ul li {
  display: block;
  float: none !important;
}

#page_actions .with_subitems ul a {
  background: none;
  display: block;
  width: 150px;
  font-size: 10px;
  padding: 3px 7px;
}

#page_actions .with_subitems ul a:hover {
  background: #ddd;
}
/** Dash Board */


#dashboard_title{
	background:transparent url(../images/breadcrumbs.gif) repeat-x scroll left top;
}
.empty_slate #dashboard_title h3{
	padding:5px;
	text-align:left;
}

#student_details {
	float: left;
	font-family : "Verdana";
	padding: 0px 0px 0px 0px;
	/*margin: 0px 0px 15px 15px; */
	width: 70%;
}
#student_photo {
	float: left;
	width: 28%;
}
/**************************/

/** Breadcrumbs **/

#breadcrumbs {
  background: url(../images/breadcrumbs.gif) repeat-x left top;
  color: #999;
  clear: both;
	font-size: 10px;
	margin: 0px 0px 0px;
	padding: 5px 31px 0px;
	height: 23px;
	list-style: none;
	display: block;
}

#breadcrumbs li {
  margin: 4px 0px 0px 0px;
  padding: 0px 6px 0px 0px;
  display: block;
  float: left;
   color: #bbb;
}
#dashboard_box {
	border: 1px solid #CCCCCC;
	float: left;
	/*width: 350px;*/
	width: 95%;
	/*margin: 30px;*/
	margin: 17px 22px 0px 0px;
}

#dashboard_box_exam {
	border: 1px solid #CCCCCC;
	float: left;
	/*width: 350px;*/
	width: 47%;
	/*margin: 30px;*/
	margin: 17px 22px 0px 0px;
}


#breadcrumbs li a {
  margin-right: 6px;
}

#breadcrumbs li .current {
  color: #999;
}

#breadcrumbs li.first {
  border-left: 0px;
  margin-left: 10px;
}

#breadcrumbs li.dashboard_crumb a span {
  display: none;
}

#page_content {
	padding:10px 40px 0px;
}

/** Page messages **/

#page_messages div.page_message {
  border-width: 1px 0;
  padding: 4px 0 4px 50px;
  background: #fbebb7 url('images/messages/info.gif') no-repeat 36px 5px;
  border-bottom: 1px solid #cdb566;
}

#page_messages div.page_message.first {
  border-top: 1px solid #cdb566;
}

#page_messages div.page_message p {
  margin: 2px 0 2px 8px;
  font-size: 11px;
}

/** Content **/

.main_object {
	width: 770px;
	border-top: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	min-height: 180px;
	float: left;
}

.main_object h2.section_name {
  padding-bottom: 0px;
}

.main_object .objects_list {
  margin-bottom: 10px;
}

.main_object .content {
	padding-right: 20px;
	padding-left: 8px;
}

.main_object_alt {
	border-right: none;
	width: 100%;
}

.main_object .properties {
  margin: 0;
  padding: 0;
  font-size: 95%;
}

.main_object .properties dt {
  padding-left: 5px;
  float: left;
  width: 145px;
  line-height: 24px;
  color: #666;
}

.main_object .properties {
  padding-top: 1px;
  padding-right: 2px;
}

.main_object .properties dd {
  margin: 0;
  padding-left: 150px;
  border-bottom: 1px solid #f1f1f1;
  background: #f9f9f9;
  line-height: 24px;
  margin-bottom: 2px;
  margin-top: 1px;
}

.subobjects_container {
	width: 755px;
	padding: 0px 15px 0px 0px;
}

.subobject {
	padding: 8px 15px 8px 15px;
}

.first_subobject {
	border-top: 1px dotted #BBBBBB;
}

.subobject_permalink {
	font-weight: bold;
	color: #999;
	font-size: 11px;
	text-decoration: underline;
	margin-top: 1px;
	position: relative;
	top: -4px;
}

.quick_comment_form {
  padding: 15px 20px 10px;
}

.subobject_permalink:hover {
	text-decoration: none;
}

.subobject_author {
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}

.subobject_author .avatar {
	display: block;
	width: 45px;
	float: left;
	margin-top: 2px;
}

.subobject_author .avatar img {
  line-height: 80px;
}

.subobject_author .subobject_author_info {
	margin-left: 50px;
	padding: 4px 0px 5px;
	line-height: 140%;

}

.subobject_author .subobject_author_info a {
	font-weight: bold;
}


.subobject_author .subobject_author_info .subobject_date {
	color: #666;
	font-size: 11px;
}

.subobject .content {
  margin-top: 8px;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 150%;
}

/** Content **/

/*******************************************************************************
  Content from editor
*******************************************************************************/

.content {
  margin: 16px 0;
	line-height: 150%;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  font-weight: bold !important;
  margin: 0px !important;
  padding: 0px !important;
  border: 0px !important;
  background: none;
}

.content h1.bordered, .content h2.bordered, .content h3.bordered, .content h4.bordered, .content h5.bordered, .content h6.bordered {
  border-bottom: 1px solid #eee !important;
  margin: 15px 0px 10px !important;
  padding-bottom: 4px !important;
}

.content.nomargin {
  margin: 0px !important;
}

.content h1 {
  font-size: 23px !important;
}

.content h2 {
  font-size: 19px !important;
}

.content h3 {
  font-size: 15px !important;
}

.content h4 {
  font-size: 13px !important;
}

.content ul {
  list-style: circle !important;
  padding: 0 0 0 20px !important;
  margin-left:0px;
}

.content ul li {
  display: list-item !important;
}

.content ol {
  padding: 0 0 0 20px;
}

.content a {
	text-decoration: underline;
}

.content a:hover {
	text-decoration: none;
}

.content pre {
  margin: 0 10px;
  padding: 10px;
  border: 1px solid #E7E7E7;
  font: 12px monospace;
  overflow: auto;
}

.content .title, .content h1, .content .subtitle, .content h2 {
  padding-bottom: 4px;
  border-bottom: 1px solid #E7E7E7;
  display: block;
  font-weight: bold;
}

.content .title, .content h1 {
  font-size: 160%;
}

.content .subtitle, .content h2 {
  font-size: 130%;
}

/*
.content .important, .content .note, .content .updated {
  border-bottom: 3px double #ccc;
}
*/

.content .important {
  border-bottom: 3px double #ccc;
  border-color: red;
  background: #FFCFD1;
}

.content .note {
  border-color: yellow;
  background: #FFFFCF;
}

.content .updated {
  border-color: green;
  background: #CFFFD1;
}

.content .quote {
  display: block;
	background: url('images/blockquote.gif') no-repeat 0px 8px;
	margin: 0px;
	padding: 8px 0px 8px 75px;
	font-style: italic;
	color: #666;
}

/**  Content **/

#page_content h3 {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 5px;
}


.object_options {
	width: 127px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	float: right;
}

.object_options li {
	margin-bottom: 4px;
	display: block !important;
}

* html .object_options li {
	height: 1px;
}

.object_options a {
	display: block;
	background: #eee;
	font-size: 10px;
	width: 127px;
	text-decoration: none;
}

.object_options a span {
	display: block;
	font-weight: bold;
	padding: 7px 10px;
	text-align: right;
}

.object_options a:hover {
  background: #ddd;
}

.attachments {
	padding: 7px 10px;
	background: #F1F1F1;
	margin-top: 10px;
}

.attachments h3 {
	position: relative;
}

.attachments ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.attachments ul li {
	display: inline;
}

.attachments ul li a {
	display: block;
	float: left;
	border: 1px solid #D4D4D4;
	font-size: 10px;
	background: #F9F9F9;
	padding: 5px;
	margin-right: 7px;
	margin-bottom: 5px;
	position: relative;
}

.clear {
 clear: both !important;
 display: block;
}

.bold {
  font-weight: bold;
}

.attachments .size {
	color: #999;
}

.attachments ul li a img {
	float: left;
	margin-right: 5px;
}

.attachments ul li a:hover {
	text-decoration: none;
	background: #FFF;
	border: 1px solid #999;
}

a.starred {
	display: block;
	width: 24px;
	height: 24px;
	background:url('images/starred.gif') no-repeat;
	position: absolute;
	left: 10px;
	top: 23px;
}

a.starred span {
	display: none;
}

.icon_comment {
	background:#d1a0bd;
}

.icon_milestone {
	background: #d1a0a2;
}

.icon_svn {
	background: #c29fd1;
}

.icon_todo {
	background: #99c7d7;
}

.icon_file {
	background: #99a6d7;
}
/*
.flash  {
  display: block;
  overflow: hidden;
  margin: 5px 40px 12px !important;
  padding: 0px !important;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}

.flash .flash_inner {
  display: block;
  padding: 7px 10px 7px 15px;
}

#success .flash_inner {
  color: #207a29;
  border: 1px solid #207A29;
  background: #dfede0;
}

#error .flash_inner {
  color: #b7220a;
  border: 1px solid #b7220a;
  background: #f1d9d9;
}
*/
/** Object resources **/

div.resource {
  margin: 16px 0px 16px 0;
  padding-right: 10px;
}

div.resource .body {
  padding: 1px 10px 1px 10px;
}

div.resource ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.resource ul li {
  display: inline;
}


#search_box .hcopy input{
	width:70px;
}

.object_list {
  border: 1px solid #d6d6d6;
  /*width: 728px;*/
	width: 87%;
  /*ram commented*/  /*width: 75%;*/
  padding: 5px 17px 5px 5px;
  float: left;
}

.object_list .project_card td  {
  border-bottom: 1px dotted #ddd;
  padding: 13px 0px;
  vertical-align: top;
  font-size: 11px;
}

.small_list_view .object_list td {
  padding: 3px 0px 2px;
}

/** Resource form **/

form.object_resource_form {
  margin-bottom: 10px;
  padding: 10px;
  width: 700px;
  background: #F9F9F9;
  border: 1px dotted #CCCCCC;
}

.odd > td {
  border-bottom: 1px dotted #DDDDDD;
  background: white;
}

.even > td {
  background: #fafafa;
  border-bottom: 1px dotted #DDDDDD;
}

div.odd {
  border-bottom: 1px dotted #bbb;
}

div.even {
  border-bottom: 1px dotted #bbb;
  background-color: #fafafa;
}

.object_list h3 {
  margin-bottom: 0px;
  padding-bottom: 0px !important;
}

.category_list {
  float: left;
  margin: 10px 0px 0px -1px;
  padding: 0px;
  /*width: 152px;*/
/*  width: 20%;*/
  width: 10%;
  list-style: none;
  border-left: 1px solid #D6D6D6;
}

.category_list li {
  margin-bottom: 4px;
}

.category_list a {
  display: block;
  text-align: right;
  background: #eee;
  width: 100%;
  font-weight: bold;
  font-size: 11px;

}

.category_list a span {
  display: block;
  padding: 7px 10px;
}

.category_list .selected a {
  background: #FFF;
  margin-left: -1px;
  border: 1px solid #D7D7D7;
  border-left: 1px solid #FFF;
}

/* LOGIN FORM */

#auth_dialog_container {
  padding: 0px 0px;
  margin: 0px;
}

#auth_dialog_container .focused {
  background: transparent;
}

#auth_dialog {
  width: 320px;
  margin: 0px auto;
  border: 10px solid #C6C4C4;
}

#auth_dialog .error {
  background-color: transparent;
}

#auth_dialog .error label {
  color: #333;
}

#auth_dialog .error p.errorField {
  text-align: center;
  margin-bottom: 16px;
}

#auth_dialog form {
  padding: 15px 25px 30px;
  width: auto !important;
  text-align: left;
  background: #FFF;
}

#login_company_logo {
  padding: 35px 0px 20px;
  margin:0 5px 0 0;
}

#auth_dialog button {
  margin-right: 20px;
  float: right;
}

#loginFormRemember {
  margin-left: 7px;
}

.forgot_password_link {
  float: left;
  margin-left: 17px;
  text-decoration: underline;
  font-size: 11px;
  margin-top: 4px;
}

#auth_dialog .errorField {
  float: none;
  width: 257px;
}

.auth_elements {
  padding-left: 6px !important;
}


/* Overlay and Modal dialogs */

div.dialog {
  border: 2px solid #D1D0D0;
  min-width: 400px;
  background: #FFF;
  text-align: left;
  cursor: default;
  position: relative;
}

div.dialog h2 {
  margin: 0;
  padding: 10px 20px 9px;
  background: #EEE;
  font-size: 13px;
  font-weight: bold;
}

div.dialog a.close {
  cursor: pointer;
  display: block;
  width: 17px;
  height: 16px;
  outline: 0px;
  background: #DDD;
  position: absolute;
  top: 10px;
  right: 10px;
}

div.dialog a.close span {
  display: block;
  font-size: 10px;
  color: #333;
  padding-top: 2px;
  text-align: center;
}

div.dialog a.close:hover {
  background-position: left bottom;
}

div.dialog div.body {
  background: #FFF;
  border-top: none;
  padding: 7px 18px;
  max-height: 400px;
  overflow: auto;
}

div.dialog div.buttons {
  padding: 5px 18px 14px;
  height: 24px;
}

div.dialog div.buttons .ok_button {
  font-weight: bolder;
}

/** Object note **/

.object_note {
  margin: 10px;
  border: 1px solid #F0ECC4;
  background: #FFFCDF;
  padding: 8px;
  font-size: 11px;
  text-align: center;
  font-style: italic;
}

.object_note.object_private {
  border: 1px solid #FF8F8F;
  background: #FFDFDF;
}

/** Objects list **/

table.objects_list {
  font-size: 11px;
  border-top: 1px dotted #DDD;
}

table.objects_list td {
  padding: 5px;
}

table.objects_list th.star, table.objects_list td.star {
  margin: 0;
  padding: 5px 6px;
  width: 16px;
}

table.objects_list td.priority {
  width: 14px;
}

table.objects_list th.checkbox, table.objects_list td.checkbox {
  padding: 5px;
  width: 16px;
  text-align: right;
}

.displayBox_overlay {
  background: #000 !important;
}

/*******************************************************************************
  Section Name
*******************************************************************************/

h2.section_name,
h3.section_name {
  background: #EEEEEE;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #D1D0D0;
}

h2.section_name span.section_name_span,
h3.section_name span.section_name_span {
  display: block;
  padding: 6px 15px 7px;
}

h2.section_name span.section_name_span_span,
h3.section_name span.section_name_span_span {
  float: left;
}

h2.section_name ul.section_options {
  list-style: none;
  margin: 2px 0px 0px;
  padding: 0px;
  float: right;
  font-size: 10px;
}

h2.section_name ul.section_options li {
  margin-left: 8px;
}

h2.section_name ul.options li {
  display: inline;
}

h3.date_section {
  border-bottom: 1px solid #aaa;
  padding: 4px 0px 4px 30px !important;
  margin-bottom: 0px !important;
  font-size: 11px !important;
}

/** Mass edit block **/

#mass_edit {
  margin-top: 16px;
  text-align: right;
}

#mass_edit select {
  width: 150px;
  font-size: 11px;
}

#powered_by {
  padding: 10px 0px;
}

.brief_benchmark_timer_report {
  padding-bottom: 15px;
  font-size: 11px;
  color: #555;
}
/******************************************************************************
	ERRORS
******************************************************************************/
.success {
	color: #348017;
	font-weight: bold;
	text-align: center;
}
.failure {
	color: #FF0000;
	font-weight: bold;
	text-align: center;
}


.login_error span {
	color:#FF0000;
	height: 20px;
	text-align: center;
	font-weight: bold;
}
.validation_error {
	color: #FF0000;
	font-weight: bold;
	font-size: 11px;
}

/*******************************************************************************
    PAGINATION
*******************************************************************************/

.pagination {
  margin: 10px 0px 10px;
  padding: 0px;
  height: 25px;
  background: #fff;
  border: 1px solid #DEDEDE;
  float: left;
}

.pagination .inner_pagination {
  display: block;
  font-size: 11px;
  padding: 5px 15px 7px;
  height: 13px;
}

.pagination .inner_pagination span,
.pagination .inner_pagination a {
  font-weight: bold;
}

.pagination span,
.pagination a {
  font-weight: bold;
}

#late_today table {
  font-size: 11px;
}

#active_projects h3 {
  padding-bottom: 0px !important;
}

#other_active_projects,
#pinned_active_projects {
  border-top: 1px dotted #ddd;
}

#file_list {
  border-top: 1px dotted #DDD;
}

.dashboard_pagination {
  margin-top: 15px;
}

.inline_pagination {
  font-size: 11px !important;
  font-weight: normal !important;
}

.inline_pagination a {
  color: #999 !important;
}

/*******************************************************************************
  Common Table
*******************************************************************************/
.common_table {
  border-top: 1px dotted #ddd !important;
  width: 100% !important;
  font-size: 11px;
}

.common_table td {
  padding: 5px;
  border-bottom: 1px dotted #ddd;
  vertical-align: top;
}

.common_table th {
  border-bottom: 1px solid #CCCCCC;
}

.common_table td.options {
  text-align: right;
  width: 80px;
  padding: 3px 5px;
}

.common_table td.avatar {
  width: 16px;
}


.common_table tfoot {
 border-top: 1px solid #CCCCCC;
}

.common_table tfoot th {
  background: #eee;
}

.common_table td.star, .common_table td.priority {
  width: 16px;
}

.common_table td.project,
.common_table th.project {
  width: 150px;
}

.common_table th.checkbox,
.common_table td.checkbox {
  width: 16px;
  text-align: center;
}

.common_table td.icon_big {
  width: 32px;
}

.common_table td.icon_medium {
  width: 24px;
}

.common_table td.icon_small {
  width: 16px;
}

.common_table_list td.star {
  padding: 3px 3px 2px !important;
}

.common_table_list td.priority {
  padding: 3px 3px 2px !important;
}

.common_table.tasks_table .options {
  padding-top: 5px;
}

.common_table.completed_tasks_table {
  color: #666;
}

.no_break {
  white-space: nowrap;
}

.lang_table input {
  font-size: 10px;
  width: 400px;
  background: #f1f1f1;
  color: #000;
}

.lang_table td {
  vertical-align: middle;
}

.lang_table .input_column {
  width: 400px;
}

.lang_table .focused td {
  background: #ffffcc;
}

.lang_table .copy_arrow {
  width: 20px;
}

.lang_table .copy_arrow img {
  cursor: pointer
}

.lang_table .new input {
  border-color: #ffc9d3 !important;
}

/*******************************************************************************
  Filter block
*******************************************************************************/

.filter_style {
  background: url('images/system_message.gif');
  border: 1px solid #eee;
  margin-bottom: 10px;
}

div.filter_style {
  padding: 10px;
}

table.filter_style td {
  padding: 10px 10px;
}

.filter_style input,
.filter_style select {
  margin-left: 8px;
  margin-right: 8px;
}

/*******************************************************************************
  Next page
*******************************************************************************/

p.next_page {
  margin-top: 16px;
  text-align: center;
}

p.next_page a {
  padding: 3px 0 3px 20px;
  background: url('images/next-page-small.gif') no-repeat center left;
}

/*******************************************************************************
  Empty page
*******************************************************************************/

p.empty_page {
  border: 1px solid #ddd;
  border-width: 1px 0;
  font-size: 14px;
  text-align: center;
  padding: 32px;
  color: #777;
}

p.empty_page a, p.empty_page a:hover {
  color: #666;
  text-decoration: underline;
}

p.empty_page a:hover {
  color: #333;
}

/*******************************************************************************
  Empty slates
*******************************************************************************/

.empty_slate {
  zoom: 1;
  overflow: hidden;
  border: 1px solid #eede9c;
  background: #fffcd9;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 10px 20px;
}

#dashboard .empty_slate {
/*  padding-right: 0px; */
	padding-right: 15px;
}

#dashboard .empty_slate #left {
	width: 50%;
	float: left;
}
#dashboard .empty_slate #right {
	width: 50%;
	float: right;
}

.empty_slate.with_sidebar .empty_slate_content {
  padding-right: 16px;
  width: 550px;
  float: left;
}

.empty_slate.with_sidebar .empty_slate_sidebar {
  padding-top: 30px;
  width: 290px;
  overflow: hidden;
  float: right;
}

.empty_slate p.empty_slate_footer {
  text-align: center;
  clear: both;
  border-top: 1px solid #eede9c;
  padding-top: 15px;
}

.empty_slate p.empty_slate_section_intro {
  border-bottom: 2px dotted #eede9c;
  padding-bottom: 10px;
  font-weight: bold;
  color: #555;
}

.empty_slate h3 {
  margin-bottom: 8px !important;
  font-size: 15px !important;
  font-weight: bold;
  text-align: center;
}

.empty_slate ul.icon_list {
  padding-left: 0px;
  list-style: none;
  margin-bottom: 10px;
}

.empty_slate ul.icon_list li {
  padding: 12px 0;
}

.empty_slate ul.icon_list li img.icon_list_icon {
  float: left;
}

.empty_slate ul.icon_list li a.icon_list_link, .empty_slate ul.icon_list li span.icon_list_title {
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin-left: 48px;
}

.empty_slate ul.icon_list li span.icon_list_description {
  display: block;
  margin: 4px 0 0 48px;
  font-size: 11px;
  color: #666;
}

/** File: modules/system/stylesheets/main.css **/

/*******************************************************************************
  Copyright
*******************************************************************************/

#copyright {
  color: #666;
  font-size: 11px;
}

/*******************************************************************************
  Company administration
*******************************************************************************/

.users {
  margin: 0 0px 10px ;
}

.userAvatar {
  float: left;
  width: 60px;
  margin: 5px 0 5px 5px;
}

.userInfo {
  margin-left: 65px;
}

/*******************************************************************************
  Administration
*******************************************************************************/

.admin_sections_container {
  border-top: 1px solid #eee;
}

.admin_section {
  padding: 5px 10px;
  border-bottom: 1px solid #eee !important;
}

.admin_section h3 {
  margin: 0px !important;
  padding: 0px !important;
}

.admin_section.odd {

}

.admin_section.even {
  background: #f9f9f9;
}

.admin_section ul {
  list-style: none;
  margin: 0px;
  padding: 0px;

}

.admin_section ul li {
  display: inline;
}

.admin_section ul li a {
  text-align: center;
  float: left;
  display: block;
  font-size: 11px;
  color: #333;
  margin: 1px 5px;
  width: 70px;
  padding: 5px 5px;
}

.admin_section ul li a {
  text-decoration: none !important;
}

.admin_section ul li a span {
  display: block;
}

.admin_section ul li a:hover span {
  text-decoration: underline !important;
}


/*******************************************************************************
  Settings administration
*******************************************************************************/

#settings .section {
  clear: left;
  margin: 16px 0;
}

#settings .section .icon {
  float: left;
  width: 24px;
}

#settings .section .meta {
  margin-left: 36px;
}

/*******************************************************************************
  Modules Administration
*******************************************************************************/
#modules_admin table.modules_list .is_system {
  text-align: center;
  width: 75px;
}

#modules_admin table.modules_list td.options {
  width: 100px;
}

#modules_admin table.modules_list .version {
  text-align: center;
  width: 75px;
}

#available_modules {
  margin-top: 32px;
}

/*******************************************************************************
  Modules Details
*******************************************************************************/

#module div.icon {
  padding-top: 5px;
  float: left;
  width: 32px;
}

#module div.meta {
  margin-left: 50px;
}

#module dl dt, #module dl dd {
  padding: 5px;
  font-size: 11px;
}

#module dl dt {
  float: left;
  width: 100px;
}

#module dl dd {
  padding-left: 100px;
  border-bottom: 1px solid #e8e8e8;
}

#module #uninstall_module {
  margin-top: 32px;
}

#module #uninstall_module h2 {
  margin-top: 0;
}

#uninstall_module_checkbox {
  margin-top: 16px;
}

/*******************************************************************************
  Project Progress
*******************************************************************************/

.project_progress .progress_wrapper {
  border: 1px solid #ccc;
  height: 15px;
}

.project_progress .progress_wrapper .progress {
  background: #ccc;
  height: 15px;
}

.project_progress .progress_wrapper .progress span {
  display: none;
}

/*******************************************************************************
  Starred objects
*******************************************************************************/

#starred #open_in_separate_page {
  margin: 16px 0 0 0;
  text-align: center;
}

/*******************************************************************************
  Late / Today
*******************************************************************************/

#late_today table td {
  padding: 5px;
}

#late_today table td.star, #late_today table td.checkbox, #late_today table td.priority {
  width: 16px;
  padding: 5px 3px;
  text-align: center;
}

#late_today table td.star {
  padding-left: 6px;
}

#late_today table td.priority {
  width: 14px;
  padding-left: 0;
}

#late_today table td.due {
  width: 100px;
  text-align: center;
}

#late_today #open_in_separate_page {
  margin: 16px 0 0 0;
  text-align: center;
}

/*******************************************************************************
  Project overview
*******************************************************************************/

#project_details {
  float: right;
  width: 411px;
  background: #FFF;
  border: 8px solid #EEEEEE;
  margin-bottom: 20px;
}

.project_details_inner {
  padding: 2px 18px 12px;
}

.project_details_buttons {
  display: block;
  padding: 0px 15px;
}

.project_details_change_status {
  float: right !important;
}

#project_details .project_progress {
  margin-left: 0px;
}

#project_details h2 {
  border-bottom: 1px solid #ccc;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 4px;
  margin-right: 75px;
}

#project_details .project_meta_details {
  margin-right: 75px;
}

#project_icon {
  float: right;
  width: 40px;
  height: 40px;
  margin: 8px 0px 10px 10px;
  padding: 10px;
  border: 1px solid #ccc;
  background: white;
}

#project_icon a, #project_icon img {
  margin: 0; padding: 0; border: 0;
}

#project_progress {
  padding: 30px 30px 10px 30px;
}

#show_me h2 {
  margin-top: 0px;
}

#show_me ul {
  margin: 16px 0 16px 8px;
  list-style: none;
  padding: 0;
}

#show_me ul li {
  padding: 0 0 0 26px;
  margin: 16px 0;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 11px;
  line-height: 16px;
}

#show_me #show_me_assignments {
  background-image: url('modules/system/images/show_me_assignments.gif');
}

#show_me #show_me_ical {
  background-image: url('modules/system/images/show_me_ical.gif');
}

#show_me #show_me_rss {
  background-image: url('modules/system/images/show_me_rss.gif');
}

/*******************************************************************************
  Late / Today / Upcoming
*******************************************************************************/

#late_today_upcoming {
  width: 450px;
  margin-bottom: 20px;
}

#late_today_upcoming table {
  margin: 8px 0;
}

#late_today_upcoming td {
  padding: 5px;
  font-size: 11px;
}

#late_today_upcoming td.star {
  width: 16px;
}

#late_today_upcoming td.due {
  width: 100px;
  text-align: right;
}

/*******************************************************************************
  Recent activities - used on dashboard and project overview
*******************************************************************************/

#dashboard #recent_activities {
  margin-top: 32px !important;
}

#recent_activities h3 {
  margin: 15px 0;
}

#recent_activities td {
  padding: 5px;
  font-size: 11px;
}

#recent_activities td.name.completed {
  color: #666;
}

#recent_activities td.star {
  width: 16px;
}

#recent_activities td.user, #recent_activities th.user {
  text-align: right;
  width: 180px;
  color: #999;
}

#recent_activities td.user {
  line-height: 12px;
}

#recent_activities td.project {
  width: 180px;
  text-align: right;
  color: #999;
}

#recent_activities td.visibility {
  width: 16px;
}

/*******************************************************************************
  Recent activities
*******************************************************************************/

p.recent_activities_rss {
  margin-top: 16px;
  text-align: center;
}

p.recent_activities_rss a {
  padding: 3px 0 3px 20px;
  background: url('images/rss.gif') no-repeat center left;
}

/*******************************************************************************
  Cards
*******************************************************************************/

.card {
  margin: 16px 0;
  /* border: 1px solid #ccc; */
  padding: 10px;
}

.card .head {
  height: 50px;
  border-bottom: 1px dotted #ccc;
}

.card .head a.icon, .card .head span.icon {
  float: left;
  width: 50px;
  line-height: 50px;
}

.card .head h2.name {
  margin: 0;
  line-height: 45px;
}

.card .head div.options {
  float: right;
  padding-top: 15px;
}

.card .head div.options ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.card .head div.options ul li {
  display: inline;
}

.card .head div.options ul li.first {
  padding-right: 10px;
	color: #999;
	font-size: 11px;
	margin-top: 1px;
	position: relative;
	top: -4px;
}

.card .meta {
  margin-top: 8px;
  margin-left: 20px;
}

* html .card .meta {
  height: 50px;
}

.card .meta h2 {
  margin-top: 0;
}

/* .card .options {
  border-top: 1px solid #ddd;
  padding: 5px 5px 0 0;
  text-align: right;
}

.card .options ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.card .options ul li {
  display: inline;
  padding-left: 10px;
}

.card .options ul li a {
  font-size: 11px;
  color: #666;
  text-decoration: none;
}

.card .options ul li a:hover {
  text-decoration: underline;
} */

/*******************************************************************************
  People
*******************************************************************************/

#people table td {
  padding: 8px 5px;
}

#people table td.name {
  vertical-align: top;
  width: 400px;
}

#people table td.name h3 {
  font-size: 11px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 3px;
}

#people table td.name h3 a {
  color: #444;
}

#people table td.avatar {
  width: 16px;
  padding-bottom: 6px;
  vertical-align: top;
}

#people table td.avatar img {
  padding: 1px;
  border: 1px solid #eee;
  background: white;
}

#people table td.meta {
  vertical-align: top;
}

#people table td.meta h2 {
  margin-top: 0;
}

#people table td.meta dt, #people table td.meta dd {
  line-height: 20px;
  font-size: 11px;
}

#people table td.meta dt {
  float: left;
  width: 70px;
  color: #999;
  text-align: right;
}

#people table td.meta dd {
  margin-left: 78px;
}

#people table td.options {
  width: 50px;
  text-align: right;
  vertical-align: top;
  padding-top: 10px;
}

#people span.leader {
  color: #666;
  font-style: italic;
  font-weight: normal;
}

/*******************************************************************************
  Subscriptions
*******************************************************************************/

#subscribed table .actions {
  text-align: right;
}

.subscribe_more_people_description {
  font-size: 11px;
  line-height: 150%;
}

/*******************************************************************************
  Dashboard
*******************************************************************************/

#dashboard #new_late_starred {
  height: 98px;
}

#dashboard #new_late_starred div.new_late_starred_button {
  float: left;
  margin-right: 11px;
  background: #FBFBFB;
  border: 8px solid #EEEEEE;
}

#dashboard #new_late_starred div.new_late_starred_inner_button {
  padding: 10px 2px 10px 49px;
  height: 60px;
  width: 225px;
}

#dashboard #new_late_starred div.new_late_starred_button.hover {
  cursor: pointer;
  border: 8px solid #ddd;
}

#dashboard #new_late_starred div.new_late_starred_button.selected {
  background: #EEEEEE;
}

#dashboard #new_late_starred div h2 {
  margin-top: 3px;
  font-size: 15px !important;
  font-weight: bold;
  margin-bottom: 5px;
}

#dashboard #new_late_starred div p {
  margin-bottom: 0;
  margin-top: 4px;
  font-size: 11px;
  color: #666;
}

#dashboard #new_late_starred div p span {
  font-weight: bold;
  color: #333;
}

#dashboard #new_objects_button {

}

#dashboard #new_objects_button .new_late_starred_inner_button {
 background: url('images/icons/flag-orange.32x32.gif') no-repeat 17px 13px;
}

#dashboard #late_today_objects_button {
}

#dashboard #late_today_objects_button .new_late_starred_inner_button {
  background: url('images/icons/warning.32x32.gif') no-repeat 17px 13px;
}

#dashboard #starred_objects_button {
  margin-right: 0px !important;
}

#dashboard #starred_objects_button .new_late_starred_inner_button{
  background: url('images/icons/star.32x32.gif') no-repeat 17px 13px;
}

#dashboard #late_today_objects_button_section,
#dashboard #starred_objects_button_section,
#dashboard #new_objects_button_section {
  margin-top: 10px;
  background: #FBFBFB;
  padding: 15px 20px;
  border: 1px solid #EEEEEE;
}

#dashboard #late_today_objects_button_section .even td,
#dashboard #starred_objects_button_section .even td,
#dashboard #new_objects_button_section .even td {
  background: #FFF;
}

/** Active reminder **/

#dashboard #active_reminders table td {
  padding: 5px;
  font-size: 11px;
}

#dashboard #active_reminders table td.name span.type {
  font-weight: bolder;
}

#dashboard #active_reminders table td.name span.project {
  color: #999;
}

#dashboard #active_reminders table td.name span.project a {
  color: #666;
}

#dashboard #active_reminders table td.name span.show_hide_reminder_comment {
  float: right;
}

#dashboard #active_reminders table td.name span.show_hide_reminder_comment a {
  color: #666;
}

#dashboard #active_reminders table td.name span.reminder_comment {
  display: block;
  margin: 5px;
  padding: 10px;
  background: #f8f8f8;
  border: 1px dotted #e8e8e8;
}

#dashboard #active_reminders table td.created_by {
  width: 300px;
  color: #999;
  text-align: right;
}

#dashboard #active_reminders table td.options {
  width: 16px;
}

/** Active projects **/

#dashboard #active_projects {
  margin: 15px 0 25px;
}

#dashboard #active_projects h2 {
  margin-bottom: 5px;
}

#dashboard #active_projects table {
  width: auto;
}

#dashboard #active_projects td {
  padding: 5px;
  color: #666;
  font-size: 11px;
}

#dashboard #active_projects td a {
  color: #333;
}

#dashboard #active_projects td dl {
  margin: 0;
}

#dashboard #active_projects td dl dt {
  float: left;
  line-height: 20px;
}

#dashboard #active_projects td dl dd {
  margin-left: 100px;
  line-height: 20px;
}

#dashboard #active_projects td.icon {
  width: 32px;
  vertical-align: middle;
}

#dashboard #active_projects td.name {
  width: 580px;
}

#dashboard #active_projects td.progress {
   width: 400px;
   padding-top: 10px !important;
   padding-bottom: 10px !important;
}

#dashboard #active_projects td.pinned {
  padding: 5px 15px;
}

/*******************************************************************************
  New since last visit
*******************************************************************************/

#new_since_last_visit table td {
  padding: 5px;
}

#new_since_last_visit table td.star {
  width: 16px;
}

#new_since_last_visit table td.project {
  font-size: 11px;
  color: #999;
  width: 180px;
  text-align: right;
}

#new_since_last_visit #mark_all_read {
  margin: 16px 0 0 0;
  text-align: center;
}

/** Project card stuff **/

tr.project_row td {
  padding: 10px !important;
  color: #666;
  font-size: 11px;
}

tr.project_row td a {
  color: #333;
}

tr.project_row td dl {
  margin: 0;
}

tr.project_row td dl dt {
  float: left;
  line-height: 20px;
}

tr.project_row td dl dd {
  margin-left: 100px;
  line-height: 20px;
}

tr.project_row td.icon {
  width: 32px;
  vertical-align: middle;
}

tr.project_row td.name {
  width: 300px;
}

tr.project_row td.status {
  text-align: center;
}

tr.project_row td.pinned {
  padding: 5px 15px;
}

p.priority {
  display: block;
  margin: -5px 0px 0px 0px;
  padding: 4px 15px;
  background: #F5F5F5;
  font-weight: bold;
}

/** Project progress **/

div.project_progress {
  margin-top: 0px;
  margin-left: 16px;
  font-size: 11px;
  text-align: center;
  color: #666;
}

div.project_progress p {
  padding: 0px;
  margin: 0px;
}

div.project_progress .progress_wrapper {
  background: #FFF;
  margin-bottom: 5px;
  padding: 2px;
  height: 13px !important;
}

div.project_progress .progress_wrapper .progress {
  height: 13px !important;
  margin-right: auto;
  margin-left: 0px;
}

/** Project groups **/

#project_groups table {
  width: auto;
}

#project_groups td {
  padding: 5px;
}

#project_groups td.name {
  width: 250px;
}

#project_groups #add_project_group {
  margin-top: 32px;
}

#project_groups #add_project_group h3 {
  margin-bottom: 0;
}

/** Jump to project **/

#jump_to_project {
  height: 250px;
  overflow: auto;
  overflow-x: hidden;
}

#jump_to_project td {
  padding: 5px;
}

#jump_to_project td.icon {
  width: 16px;
}

/*******************************************************************************
  iCal Subscribe
*******************************************************************************/

#ical_subscribe img {
  float: left;
}

#ical_subscribe p {
  margin-left: 48px;
}

/*******************************************************************************
  Quick add
*******************************************************************************/

#quick_add h3 {
  margin-bottom: 0;
  padding: 2px 5px;
  color: #950000;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}

#quick_add h3:hover {
  background: #E8E6C8;
  cursor: pointer;
}

#quick_add div.quick_add_section_body {
  /*padding: 5px;*/
  position: relative;
}

#quick_add .object_list {
  width: 657px;
  border-top: 1px solid #D6D6D6;
  padding-right: 0px;
  padding-top: 0px;
}

#quick_add .list_view {
  background-position: 656px top;
}

#quick_add .pagination {
  margin-top: 0px;
}

#quick_add textarea {
  width: 601px !important;
  height: 130px;
}

#quick_add .col_wide input,
#quick_add .col_wide2 input {
  width: 290px;
}

#quick_add .col_wide select,
#quick_add .col_wide2 select {
  width: 295px;
}

#quick_add .category_list {
  margin-top: 30px;
}

#quick_add .quick_add_section_body .section_container {
  padding-right: 25px !important;3
}

#quick_add h4.section_name {
  border: 0px;
  padding: 6px 10px 6px;
  border-bottom: 1px dotted #DDD;
  font-size: 12px;
  font-weight: bold;
  color: #555;
  background: #f9f9f9;
  margin-top: 0px;
}

/*******************************************************************************
  Discussions
*******************************************************************************/

.discussions {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}

/** Projects **/

#group_projects_by {
  float: right;
}

#module dl dt, #module dl dd {
  padding: 5px;
  font-size: 11px;
}

/*******************************************************************************
  API settings page
*******************************************************************************/

#api_settings dl dt, #api_settings dl dd {
  padding: 5px;
  font-size: 11px;
}

#api_settings dl dt {
  float: left;
  width: 110px;
}

#api_settings dl dd {
  padding-left: 110px;
  border-bottom: 1px solid #e8e8e8;
}

.section_container {
  padding: 0px 10px;
  zoom: 1;
}

/*******************************************************************************
  Quick search
*******************************************************************************/

#quick_search_form #quick_search_input {
  width: 335px;
}

#quick_search_button {
  margin: 0; padding: 0; border: 0;
}

#quick_search_form ul {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}

#quick_search_form ul li {
  margin-right: 5px;
  padding: 4px 4px 4px 22px;
  border: 1px solid white;
  display: inline;
  font-size: 90%;
}

#quick_search_form ul li.selected {
  border-color: #ccc;
}

#quick_search_form #search_in_projects {
  background: url('images/search-in-project.gif') no-repeat 2px 2px;
}

#quick_search_form #search_for_people {
  background: url('images/search-for-user.gif') no-repeat 2px 2px;
}

#quick_search_form #search_for_projects {
  background: url('images/search-for-project.gif') no-repeat 2px 2px;
}

#quick_search_results td {
  padding: 5px;
  font-size: 90%;
  color: #666;
}

#quick_search_results td.icon {
  width: 16px;
}

#quick_search_more_results {
  text-align: center;
}

#quick_search_project_objects_result table td.star {
  width: 16px;
}

#quick_search_project_objects_result table td.name span.details {
  display: block;
}

#quick_search_users_result table td.avatar {
  width: 16px;
}

#quick_search_projects_result td.icon {
  width: 16px;
}

#quick_search_projects_result td.status {
  width: 100px;
}

/*******************************************************************************
  Search
*******************************************************************************/

#search table.search_form {
  background: #EDECEC;
  border: 1px solid #EAEAEA;
  margin-top: 1px;
  width: 896px;
  margin-left: 1px;
}

#search table.search_form .ctrlHolder {
  margin: 0; padding: 0;
}

#search table.search_form .ctrlHolder.error, #search table.search_form .ctrlHolder.focused {
  background: transparent;
}

#search table.search_form .ctrlHolder.error input, #search table.search_form .ctrlHolder.error select {
  background: #FFDFDF;
  color: red;
}

#search table.search_form.error {
  background-color: #FFDFDF;
  border-bottom: 1px solid #b2b2b2;
}

#search table.search_form td {
  padding: 10px 7px;
}

#search table.search_form td.search_form_caption {
  font-weight: bolder;
}

#search table.search_form td.search_for input {
  width: 550px;
}

#search table.search_form td.search_type select {
  width: 150px;
}

#search table.search_form td.search_form_button {
  height: 45px;
}

#search #people_list {
  width: 600px;
}

#search #people_list td {
  padding: 5px;
}

#search #people_list td.avatar {
  width: 16px;
}

#search #people_list td.email {
  width: 200px;
}

#search #people_list td.email a, #search #people_list td.email a:hover {
  color: #333;
  font-size: 11px;
  text-decoration: none;
}

#search #people_list td.email a:hover {
  text-decoration: underline;
}

#search #projects_list {
  width: 600px;
}

#search #projects_list td {
  padding: 5px;
}

#search #projects_list td.icon {
  width: 16px;
}

#search #projects_list td.progress {
  width: 200px;
}

/*******************************************************************************
  String list
*******************************************************************************/

div.string_list {
  width: 400px;
}

div.string_list td {
  padding: 5px;
}

div.string_list td.num {
  font-size: 10px;
  color: #999;
  width: 16px;
}

div.string_list td.value sup {
  color: red;
}

div.string_list td.remove {
  width: 16px;
}

div.string_list div.add_list_item {
  margin-top: 16px;
}

div.string_list input.add_list_item_name {
  width: 150px;
}

div.string_list input.add_list_item_button {
  margin: 0;
  border: 0;
  padding: 0;
  width: 16px; height: 16px;
  position: relative;
  top: 2px;
  left: 2px;
}

/*******************************************************************************
  Languages administration
*******************************************************************************/

#languages_administration td.is_default {
  width: 100px;
  text-align: center;
}

#languages_administration table span.set_as_default a {
  display: none;
}

#languages_administration table tr.hover {
  cursor: pointer;
}

#languages_administration table tr.hover span.set_as_default a {
  display: inline;
}

#language_details dt, #language_details dd {
  padding: 5px;
  font-size: 11px;
}

#language_details dt {
  float: left;
  width: 100px;
}

#language_details dd {
  padding-left: 100px;
  border-bottom: 1px solid #e8e8e8;
}

#translation_files table {
  width: 400px;
  margin-bottom: 30px;
}

#translation_files table td {
  padding: 5px;
}

#translation_files table td.options {
  text-align: right;
  width: 70px;
}

/*******************************************************************************
  Select users widget
*******************************************************************************/

div.select_users_widget p {
  margin: 0 0 8px 4px;
}

div.select_users_widget ul {
  margin: 0 0 8px 4px;
  padding: 0;
  list-style: none;
  font-size: 11px;
}

div.select_users_widget ul li {
  line-height: 16px;
  background: url('images/assignee_icon.gif') no-repeat 0px 3px;
  padding-left: 13px;
  margin-bottom: 2px;
  display: list-item !important;
}

/*******************************************************************************
  Select multiple users popup
*******************************************************************************/

div.select_users_widget_popup td.users_list, div.select_users_widget_popup td.selected_users {
  width: 260px;
  vertical-align: top;
}

div.select_users_widget_popup table.select_users_layout td.divider {
  text-align: center;
  vertical-align: middle;
}

div.select_users_widget_popup table.select_users_layout td.divider img {
  cursor: pointer;
}

div.select_users_widget_popup input {
  width: 250px;
}

div.select_users_widget_popup select {
  width: 258px;
  height: 296px;
  font-size: 10px;
}

div.select_users_widget_popup input.default_value {
  color: #999;
  font-style: italic;
}

div.select_users_widget_popup option {
  padding: 2px 8px;
  border-bottom: 1px solid #ddd;
}

div.select_users_widget_popup option.odd {
  background: #fafafa;
}

div.select_users_widget_popup div.selected_users_list_container {
  border: 1px solid #ddd;
  height: 292px;
  overflow: auto;
}

div.select_users_widget_popup td.selected_users table {
  width: 100%;
}

div.select_users_widget_popup td.selected_users table td {
  padding: 5px;
  font-size: 10px;
}

div.select_users_widget_popup td.selected_users table td.display_name {
  color: #999;
}

div.select_users_widget_popup td.selected_users table td.display_name span {
  color: #333;
}

div.select_users_widget_popup td.selected_users table td.remove {
  width: 16px;
  text-align: right;
}

div.select_users_widget_popup td.selected_users table td.remove img {
  cursor: pointer;
}

div.select_users_widget_popup td.selected_users p.no_users_selected {
  margin: 0;
  padding: 65px 15px 0 15px;
  font-size: 200%;
  color: #666;
  text-align: center;
}

div.select_users_widget_popup td.selected_users p.no_users_selected span {
  font-size: 70%;
  color: #ccc;
}

.important_block {
  border: 1px dotted #c6c38f;
  padding: 10px 20px;
  margin-top: 10px;
  font-size: 12px;
  background: #fdfcea;
}

.important_block a {
  font-weight: bold;
}

/*******************************************************************************
  Select Permissions Widgets
*******************************************************************************/

table.select_project_permissions td {
  padding: 5px;
}

table.select_project_permissions td.permission_name, table.select_project_permissions td.permission_value {
  width: 20%;
}

table.select_project_permissions td.no_access {
  color: red;
}

table.select_project_permissions td.has_access {
  color: green;
}

table.select_system_permissions {
  width: 300px;
}

table.select_system_permissions td {
  padding: 5px;
}

table.select_project_permissions .hover td {
  background: #eee;
}

table.select_project_permissions .hover td.permission_name {
  text-decoration: underline;
}

/*******************************************************************************
  Select User Project Permissions Widget
*******************************************************************************/

table.select_user_project_permissions tr td {
  vertical-align: top;
  padding: 5px;
}

table.select_user_project_permissions td.radio {
  width: 16px;
}

table.select_user_project_permissions td.radio input {
  position: relative;
  top: -1px;
}

table.select_user_project_permissions td.label label {
  margin: 0;
  padding: 3px 0 0 0;
}

table.select_user_project_permissions td.label table {
  margin-top: 16px;
  width: 700px;
}

/*******************************************************************************
  Role
*******************************************************************************/

#role table {
  margin-bottom: 16px;
}

#role td {
  padding: 5px;
}

#role td.icon {
  width: 16px;
}

#role td.options {
  width: 100px;
  text-align: right;
}

#roles_administration table td.is_default {
  width: 100px;
  text-align: center;
}

#roles_administration table span.set_as_default a {
  display: none;
}

#roles_administration table tr.hover {
  cursor: pointer;
}

#roles_administration table tr.hover span.set_as_default a {
  display: inline;
}

#empty_slate_system_roles {
  margin-top: 16px;
}

/*******************************************************************************
  Email templates
*******************************************************************************/

#email_template_translations {
  width: 300px;
}

#email_template_translations td {
  padding: 5px;
}

#email_template_translations td.options {
  width: 18px;
}

/*******************************************************************************
  Object visibility
*******************************************************************************/

a.object_visibility {
  position: relative;
  top: 2px;
}

#object_visibility_details dl {
  border: 1px solid #e8e8e8;
  background: url('images/normal.gif') no-repeat 8px 8px;
  padding: 4px;
}

/** File: stylesheets/datepicker.css **/

table.jCalendar {
  width: 100%;
	background: #FFF;
  border-collapse: separate;
  border-spacing: 1px;
}
table.jCalendar th {
	background: #f1f1f1;
	color: #333;
	font-weight: bold;
	padding: 3px 5px;
	text-align:center;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
	width: 14%;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	font-weight: bold !important;
}
table.jCalendar td.selected {
	background: #950000 !important;
	color: #fff;
	font-weight: bold;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	/*background: #fff;
	color: #000;*/
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	/*background: #bbb;
	color: #888;*/
}

/* For the popup */

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	/*margin: 5px 3px 0;*/
	margin: 2px 3px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/icons/calendar.png) no-repeat;
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

input.dp-applied {
	width: 100px !important;
	float: left;
}

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div#dp-popup {
  border:1px solid #CCCCCC;
	position: absolute;
	font-size: 10px;
	font-family: arial, sans-serif;
	background: #FFF;
	padding: 1px;
	min-height: 152px;
	min-width: 171px;
	width: 170px;
	z-index: 2000;
}
div#dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
	font-weight: bold;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div#dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}

div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}

div#dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div#dp-popup td {
	cursor: pointer;
}
div#dp-popup td.disabled {
	cursor: default;
}

table.jCalendar td.weekday {
  background: #F2F1DF;
}

table.jCalendar td.weekend {
  background: #F2E9DA;
}

table.jCalendar td.weekday:hover {
  background: #CFCB8E;
}

table.jCalendar td.weekend:hover {
  background: #DFC08B;
}

table.jCalendar td.weekday.today {
  background: #CFCB8E;
  font-weight: bold;
}

table.jCalendar td.weekend.today {
  background: #DFC08B;
  font-weight: bold;
}

table.jCalendar td.other-month {
  background: url(images/calendar_not_current.gif) repeat left top;
}

table.jCalendar td.other-month:hover {
  background: url(images/calendar_not_current.gif) repeat left top;
  color: #333;
}

/** File: stylesheets/uni-form-generic.css **/

/* ### Uni-Form by Dragan Babic  - http://dnevnikeklektika.com/ , http://draganbabic.com/ ### */
/* ### Some rights reserved - http://creativecommons.org/licenses/by-sa/2.5/ ### */

/* It is suggested not to edit this file directly, but rather the uni-form.css provided in the downloaded Uni-Form zip archive */

.uniForm{
  margin:0; padding:0;
  position:relative;
  width:100%;
  overflow:hidden;
}

  /* Some generals */
  .uniForm fieldset{
    border:none;
    margin:0; padding:0;
  }
    .uniForm fieldset legend{
      margin:0; padding:0;
    }

    .uniForm .ctrlHolder{ /* This is the main unit that contains our form "modules" */
      overflow:hidden;
      margin:0; padding:0;
      clear:both;
    }

    .uniForm .buttonHolder{
      overflow:hidden;
      clear:both;
    }
      .uniForm .resetButton{
      }
      .uniForm .submitButton{
      }

    .uniForm .inlineLabel,
    .uniForm .inlineLabels .inlineLabel,
    .uniForm .blockLabels .inlineLabel{
      width:auto;
      float:none;
      margin:0 1em 0 0;
      display:inline;
    }
      .uniForm .inlineLabel input{
      }

    /* Highlighting the rows on input focus */
    .uniForm .focused{
    }

    /* ########################################################################## */

    /* Styles for form controls where labels are in line with the input elements */
    /* Set the class to the parent to .inlineLabels */
    .uniForm .inlineLabels .ctrlHolder{
    }
        .uniForm .inlineLabels label,
        .uniForm .inlineLabels .label{
          float:left;
          margin:.3em 2% 0 0; padding:0;
          line-height:100%;
          position:relative;
        }

        .uniForm .inlineLabels .textInput,
        .uniForm .inlineLabels .fileUpload{
          float:left;
        }
        .uniForm .inlineLabels .fileUpload{
        }

        .uniForm .inlineLabels .selectInput{
          float:left;
        }

        .uniForm .inlineLabels textarea{
          float:left;
        }

      .uniForm .inlineLabels .formHint{
        clear:both;
      }

        /* inlineLabels esthetics */
        .uniForm .inlineLabels .formHint strong{
        }


    /* ########################################################################## */

    /* Styles for form controls where labels are above the input elements */
    /* Set the class to the parent to .blockLabels */
    .uniForm .blockLabels .ctrlHolder{
    }

      .uniForm .blockLabels label,
      .uniForm .blockLabels .label{
        display:block;
        float:none;
        margin:.3em 0; padding:0;
        line-height:100%;
        width:auto;
      }
      .uniForm .blockLabels .label{
        float:left;
        margin-right:3em;
      }

      .uniForm .blockLabels .inlineLabel{
        position:relative; top:.15em;
      }

      .uniForm .blockLabels .textInput,
      .uniForm .blockLabels .fileUpload{
        float:left;
      }
      .uniForm .blockLabels .fileUpload{
      }

      .uniForm .blockLabels .selectInput{
        display:block;
      }

      .uniForm .blockLabels textarea{
        float:left;
        display:block;
      }

      .uniForm .blockLabels .formHint{
        float:right;
        margin:0;
        clear:none;
      }

      /* blockLabels esthetics */
      .uniForm .blockLabels .ctrlHolder{
      }

      .uniForm .blockLabels .focused{
      }

    /* ########################################################################## */

    /* Focus pseudoclasses */
    .uniForm .ctrlHolder .textInput:focus{
    }
    .uniForm div.focused .textInput:focus{
    }
    .uniForm div.focused .formHint{
    }

    /* Required asterisk styling, use if needed */
    .uniForm label em,
    .uniForm .label em{
      display:block;
      position:absolute; left:100%;
      font-style:normal;
      font-weight:bold;
    }
    .uniForm .blockLabels label em,
    .uniForm .blockLabels .label em{
      position:static;
      display:inline;
    }

    /* ########################################################################## */

    /* Messages */
    .uniForm #errorMsg,
    .uniForm .error{
    }
      .uniForm #errorMsg dt,
      .uniForm #errorMsg h3{
      }
      .uniForm #errorMsg dd{
      }
        .uniForm #errorMsg ol{
        }
          .uniForm #errorMsg ol li{
          }
      .errorField{
      }

    /* ########################################################################## */

    /* Add the following classes to your fieldsets (preferably) if you want columns */
    .uniForm .col{
      float:left;
    }
    .uniForm .columnLeft{
      float:left;
    }
    .uniForm .columnRight{
      float:right;
    }

/** File: stylesheets/uni-form.css **/

/*@import "uni-form-generic.css";*/
/* Your styles below */

.uniForm {
  position: static;
}

/* Generals */
.uniForm fieldset{
  margin:1em 0;  /* Assign your value */
}
.uniForm fieldset legend{
  color:#000; /* Reset IE */
  font-weight:bold; /* Assign your value */
  font-size:120%; /* Assign your value */
}
.uniForm .ctrlHolder{ /* This is the main unit that contains our form "modules" */
  margin: 3px 0;
  /*padding:7px;*/ /* Assign your value */
  padding: 7px 0px;
  line-height: 140%;
}

.uniForm .ctrlHolder.col {
  clear: none;
}

.buttonHolder{
  /*text-align:right;*/ /* Recommended */
  border-top: 1px solid #ccc;
  padding-top: 14px;
  margin-top: 10px;
}

table .uniForm .buttonHolder {
  padding-top: 0px;
  margin-top: 0px;
  border-top: 0px;
}

.uniForm .focused{
  /*background:#FFFCDF;*/ /* Assign your value */
}

.uniForm .focused input,
.uniForm .focused textarea,
.uniForm .focused select {
  border: 1px solid #666;
}

.uniForm .focused input.inline {
  border: 0px;
}

/* .inlineLabels */
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label{
  width:45%; /* Assign your value */
}
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload{
  width:45%; /* Assign your value */
}
.uniForm .inlineLabels .selectInput{
  width:45%; /* Assign your value */
}
.uniForm .inlineLabels textarea{
  width:45%; /* Assign the value best fit to your design */
  height:12em; /* Assign the value best fit to your design */
}
.uniForm .inlineLabels .formHint{
  margin-top:0;
  margin-left:47%;
}

/* .blockLabels */
.uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload{
  width:53%;
}

.uniForm .blockLabels .selectInput{
  display:block;
  width:53.5%;
}
.uniForm .blockLabels textarea{
  width:53%; /* Assign the value best fit to your design */
  height:12em; /* Assign the value best fit to your design */
}
.uniForm .blockLabels .formHint{
  width:45%;
}

/* Columns */
.col{
  width:31%;
  margin:0 2% 0 0;
}

.col_wide{
  width:49%;
  margin:0 1% 0 0;
  float: left
}

.col_wide2 {
  width:49%;
  margin:0 0 0 1%;
  float: right
}

.uniForm .col .notify_assignees {
  float: left;
  margin: 2px 0px 0px 15px;
}

.uniForm .columnLeft{
  width:49%;
}
.uniForm .columnRight{
  width:49%;
}

/* Messages */
.uniForm #errorMsg{
  background:#ffdfdf;
  /* margin:0 0 1em 0; padding:1em; */
}
.uniForm .error{
  /*background:#ffdfdf;*/
}
  .uniForm #errorMsg dt,
  .uniForm #errorMsg h3 {
    margin:0 0 .5em 0;
    font-size:110%;
    line-height:100%;
    font-weight:bold;
  }
  .uniForm #errorMsg dd {
    margin:0; padding:0;
  }
    .uniForm #errorMsg ol {
      margin:0; padding:0;
    }
      .uniForm #errorMsg ol li {
        margin:0; padding:2px;
        list-style-position:inside;
        border-bottom:1px dotted #df7d7d;
        position:relative;
      }

    .errorField {
      margin: 0; padding: 0;
      float: right;
      text-align: right;
      color: red;
      font-size: 85%;
      /* margin:0 0 6px 0; padding:4px; */
    }

    .errorField strong {
      font-weight: normal;
    }

.uniForm .error input,
.uniForm .error textarea,
.uniForm .error select {
  border: 1px solid #fe7d7d;
  background: #feebeb;
}

/** Custom, activeCollab stuff **/

form.outlined {
  border: 1px solid #ccc;
  padding: 10px;
  background: #f8f8f8;
}

fieldset {
  margin: 8px 0;
  border: 1px solid #ccc;
  padding: 0 10px 5px 10px;
}

fieldset legend {
font-size:15px;
font-weight:bold;
margin:0;
padding:0 5px;
}

input, textarea, select {

}

select {
  padding:2px;
  width:104px;
}

input.inline {
  width: auto !important;
  padding: 0 !important;
}

button {
  padding: 3px 5px;
}

label em {
  color: red;
}

label.inline {
  display: inline !important; /** override uni-form label **/
}

input.short {
  width: 50px;
}

input.medium {
  width: 200px;
}

input.long, input.title, textarea.long {
  width: 98%;
}


textarea {
  font: 10pt verdana, arial, helvetica, sans-serif;
}

textarea.high {
  height: 250px;
}

textarea.editor {
  width: 98% !important;
  height: 250px;
}

.yes_no input {
  margin-right: 4px !important;
}

.yes_no label {
  margin-right: 8px !important;
}

.uniForm .blockLabels label {
  padding-bottom: 3px;
  font-weight: bold;
  font-size: 10px;
}

.uniForm .blockLabels label.inline {
  font-weight: normal;
}

.form_left_col {
  width: 78%;
  float: left;
  border-right: 1px solid #f1f1f1;
  padding-right: 1.5%;
}

.form_left_col .errorField {
  margin-right: 7px;
}

.form_right_col {
  width: 18%;
  border-left: 1px solid #f1f1f1;
  /*padding-left: 2%;*/
  padding-left: 15px;
  float: left;
  font-size: 11px;
  padding-top: 7px;
  /*position: relative;
  left: -1px;*/
  margin-left: -1px;

}

.form_right_col select,
.form_right_col input {
  width: 150px;
}

.form_right_col select {
  width: 159px;
}

.form_right_col .details {
  font-size: 10px;
}

.form_right_col label {

  padding-bottom: 1px;
}

.form_right_col .ctrlHolder {
  padding-top: 0px;
}

.mceToolbarContainer {
  background: #fafafa !important;
  border: 0px !important;
}

.mceEditorIframe {
  border: 1px solid #ddd !important;
}

.uniForm .focused .mceEditorIframe {
  border: 1px solid #666 !important;
}

.mceEditorIframe body {
  background: #f8f8f8 !important;
}

.uniForm .focused .mceEditorIframe {
  background: #FFFFFF !important;
}

.mceEditor {
  width: 99% !important;
}

.mceStatusbarResize {
  background-color: #fafafa !important;
  border: 0px !important;
}

a.mceButtonNormal img:hover, a.mceButtonSelected img:hover {
  background-color:#EAE8CC !important;
  border:1px solid #C6C38F !important;
  cursor:default;
}

.mceToolbarContainer select {
  margin: 0px 4px;
  position: relative;
  top: 4px;
}

.uniForm .ctrlHolderNoBottomPadding {
  padding-bottom: 0px;
}

.uniForm .ctrlHolderNoTopPadding {
  padding-top: 0px;
}

.form_full_view {
}

.add_task_form .form_left_col {
}


.add_task_form .form_right_col {
  padding-left: 10px;
}

/** File: modules/resources/stylesheets/main.css **/

/*******************************************************************************
  Object comments
*******************************************************************************/

.object_comments {
  margin-top: 0px !important;
}

.object_comments .body {
  padding-left: 0px !important;
}

/*******************************************************************************
  New Comment Form
*******************************************************************************/

#recent_comments {
  margin-top: 36px;
}

#recent_comments div.recent_comment {
  margin: 16px 0;
}

#recent_comments p.author {
  padding: 4px;
  border-bottom: 1px solid #ccc;
}

#recent_comments p.body {
  padding: 5px 10px;
}

/*******************************************************************************
  Select assignees
*******************************************************************************/

div.select_assignees_widget p {
  margin: 0 0 8px 4px;
}

div.select_assignees_widget ul {
  margin: 0 0 8px 4px;
  padding: 0;
  list-style: none;
  font-size: 11px;
}

div.select_assignees_widget ul li {
  line-height: 16px;
  background: url('images/assignee_icon.gif') no-repeat 0px 3px;
  padding-left: 13px;
  margin-bottom: 2px;
  display: list-item !important;
}

div.select_assignees_widget ul li.responsible {
  background-image: url('images/responsible_icon.gif') !important;
}

div.select_assignees_widget ul li.hovered {
  text-decoration: underline;
  cursor: pointer;
}

/*******************************************************************************
  Comment Options
*******************************************************************************/

.comment_options {
  float: right;
  margin-top: 10px !important;
}

.comment_options a {
  margin-top: 2px;
}

.comment_options .comment_options_first {
  padding-right: 10px;
	color: #999;
	font-size: 11px;
	margin-top: 1px;
	position: relative;
	top: -4px;
}

.comment_options .object_visibility {
  top: 0px;
}

/*******************************************************************************
  Assignments Filter Form
*******************************************************************************/

#assignmenst_filter_form table td {
  padding: 8px 4px;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}

#assignmenst_filter_form table td.filter_select_label {
  width: 100px;
}

#assignmenst_filter_form table td.filter_select_select {
  width: 350px;
}

#assignmenst_filter_form table td.filter_select_select select {
  width: 360px;
}

#assignmenst_filter_form table td.filter_select_additional {
  padding-left: 32px;
  background: url('images/arrow-right-small.gif') no-repeat 8px 10px;
}

#assignmenst_filter_form table td.filter_select_additional table {
  width: 300px;
}

#assignmenst_filter_form table td.filter_select_additional table td {
  padding: 0 10px 0 0;
  border: 0;
  width: 150px;
}

/*******************************************************************************
  Assignments Filter
*******************************************************************************/

#send_reminder_users_form div.label_wrapper {
  padding: 2px 0;
}

#send_reminder_users_form div.label_wrapper label {
  font-weight: bold;
}

#send_reminder_users_form div.content_wrapper {
  padding: 4px 0 4px 20px;
}

#send_reminder_users_form textarea {
  width: 98%;
  height: 100px;
}

/*******************************************************************************
  Object attachments
*******************************************************************************/

div.object_attachments div.body.brief {
  padding: 0;
}

div.object_attachments div.brief_files_view ul {
  margin-left: 16px;
}

div.object_attachments div.brief_files_view ul li {
  font-size: 11px;
  display: block;
  list-style: square;
  padding: 4px 0;
}

div.object_attachments div.body.brief table {
  margin: 0 10px;
  width: 700px;
}

div.object_attachments table td {
  padding: 5px;
  font-size: 11px;
}

div.object_attachments table td.brief_name {
  width: 300px;
}

div.object_attachments td.thumbnail {
  width: 100px;
  text-align: center;
}

div.object_attachments td.thumbnail img {
  border: 1px solid #ccc;
}

div.object_attachments td.options {
  width: 16px;
}

div.object_attachments div.attach_another_file form {
  width: auto;
  padding: 3px 16px 10px 16px;
  zoom: 1;
  overflow: hidden;
}

div.object_attachments div.attach_another_file p.details {
  display: inline;
}

/*******************************************************************************
  Assignments
*******************************************************************************/

#assignments table.filter {
  background: #f9f9f9;
  border: 1px solid #EAEAEA;
  margin-top: 1px;
  width: 896px;
  margin-left: 1px;
  margin-bottom: 10px;
}

#assignments table.filter td {
  padding: 5px 10px;
}

#assignments table.filter td select {
  margin-left: 10px;
  margin-right: 10px;
  width: 240px;
}

#assignments #assignments_filter_options {
  text-align: right;
  width: 200px;
}

#assignments #assignments_filter_options span.tooltip {
  padding-right: 10px;
	color: #999;
	font-size: 11px;
	margin-top: 1px;
	position: relative;
	top: -4px;
}

#assignments #assignments_filter_details {
  margin: 5px;
  padding: 2px 10px;
  background: #f8f8f8;
  border: 1px dotted #e8e8e8;
  font-size: 11px;
}

#assignments_list {
  margin-top: 10px;
}

#assignments_list table td {
  padding: 5px;
  vertical-align: middle;
}

#assignments_list table td.star, #assignments_list table td.checkbox, #assignments_list table td.priority {
  width: 16px;
  padding: 3px;
}

#assignments_list table td.name span.details {
  margin-top: 4px;
}

#assignments_list table td.project {
  width: 150px;
}

#assignments_list table td.options {
  width: 76px;
}

#assignments p.assignments_filter_rss {
  margin-top: 16px;
  text-align: center;
}

#assignments p.assignments_filter_rss a {
  padding: 3px 0 3px 20px;
  background: url('images/rss.gif') no-repeat center left;
}

/** File: modules/status/stylesheets/main.css **/

.table_wrapper {
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-bottom: 10px;
	border: 1px solid #EEEEEE;
	clear: both;
}

* html #status_updates_dialog div.table_wrapper {
  width: 342px;
  *padding-right: 20px;
}

html>body .table_wrapper {
  *padding-right: 20px;
}

.status_updates_table .author {
  display: block;
  margin-bottom: 3px;
  font-weight: bold;
}

.status_updates_table .author a {
  color: #333;
}

.status_updates_table .ago {
  float: right;
  color: #999;
  font-size: 10px;
}

.table_wrapper td.message .update{
  display: block;
  width: 287px;
  overflow: hidden;
}

#update_status_form input{
  width: 331px;
  float: left;
}

#update_status_form #status_update_button {
  position: relative;
  top: 3px;
  left: 7px;
  cursor: pointer;
}

#status_update_archive_work_indicator {
  position: relative;
  top: 3px;
}

.status_update_top_links {
  margin: 0px 0px 5px;
  padding: 0px;
  list-style: none;
  float: right;
}

.status_update_top_links li {
  display: inline;
  color: #666;
  font-size: 11px;
  line-height: 16px;
  vertical-align: middle;
}

.status_update_top_links li a img {
  vertical-align: middle;
}

.status_update_top_links .first {
  padding-right: 5px;
}

#status_updates_dialog .dialog_title {
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  vertical-align: middle;
  margin: 0px 0px 5px;
}

/** File: modules/project_exporter/stylesheets/main.css **/

#export_table .status_indicator {
  width: 16px;
  padding-top: 4px;
  padding-bottom: 0px;
}

#export_table .module_name {
  width: 100px;
}

#download_link_block {
  border: 1px dotted #c6c38f;
  padding: 10px 20px;
  margin-top: 10px;
  font-size: 11px;
  background: #fdfcea;
  display: none;
}

#download_link_block a {
  font-weight: bold;
  font-size: 12px;
  display: block;
  margin-top: 10px;
}

.download_link_block_top {
  margin-top: 0px !important;
  margin-bottom: 20px;
}

/** File: modules/files/stylesheets/main.css **/

#files td {
  padding: 5px;
}

#files td a {
  color: #950000;
}

#files td.thumbnail {
  width: 100px;
  text-align: center;
}

#files td.thumbnail img {
  border: 1px solid #ccc;
}

#files td.details dl a {
  text-decoration: underline;
}

#files td.details dl dt, #files td.details dl dd {
  padding: 3px 0;
}

#files td.details dl dt {
  float: left;
  width: 100px;
  color: #999;
  text-align: right;
  clear: left;
}

#files td.details dl dd {
  margin-left: 110px;
  color: #333;
}

#files td.details dl dd.filename a {
  color: #950000 !important;
  text-decoration: none;
}

#files td.details dl dd.filename a:hover {
  text-decoration: underline;
}

#files td.details p {
  padding-left: 100px;
}

#files td.details p span.star a {
  position: relative;
  top: 4px;
}

#files td.details p a {
  text-decoration: underline;
}

#files td.type {
  width: 24px;
}

#files td.options {
  width: 70px;
}

#file_list span.move_to_trash img {
  position: relative;
  top: 4px;
}

#file_list a.object_visibility {
  top: 4px;
}

/** View file **/

div.file div.file_preview {
  margin: 8px;
  text-align: center;
  border: 1px dotted #ccc;
}

#file_versions td {
  padding: 5px;
}

#file_versions td.num {
  font-size: 11px;
  width: 16px;
}

#file_versions td.thumbnail {
  width: 100px;
  text-align: center;
}

#file_versions td.thumbnail img {
  border: 1px solid #ccc;
}

#file_versions td.options {
  width: 16px;
}

p.options {
  margin-left: 10px;
}

/** Multiupload **/

.multiupload_table {
  margin-bottom: 0px;
}

.multiupload_table th.description {
  width: 350px;
}

.multiupload_table td {
  padding: 10px 5px;
  vertical-align: middle;
  line-height: 16px;
  min-height: 20px;
}

.multiupload_table td.description input {
  width: 340px;
}

.multiupload_table td img {
  position: relative;
  margin-top: -3px;
  top: 3px;
  margin-right: 6px;
}

.multiupload_table .button_column {
  text-align: right;
  width: 40px;
}

.multiupload_table button {
 float: right;
}

.multiupload_table .number {
  width: 20px;
  text-align: right;
}

#multiupload_form {
  display: none;
}

#upload_table_result .indicator {
  width: 16px;
}

.right_buttons {
  padding: 5px 5px 0px 35px;
  height: 40px;
}

.right_buttons button {
  float: right;
}

.button_remove {
  cursor: pointer;
}

.button_add {
  vertical-align: middle;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  color: #333;
}

.button_add img {
  margin-right: 5px;
  vertical-align: bottom;
}

.button_add:hover {
  text-decoration: none;
}

.button_add span:hover {
 text-decoration: underline;
}

/** File: modules/tickets/stylesheets/main.css **/

/** List **/

#tickets table td {
  padding: 3px;
}

#tickets td.priority {
  width: 16px;
}

#tickets td.star {
  width: 16px;
}

#tickets td.ticket_id {
  width: 10px;
  font-size: 11px;
}

#tickets td.ticket_id, #tickets td.name {
  color: #999;
  font-size: 11px;
}

#tickets td.name a, #tickets td.name a:hover {
  color: #333;
  border: 0;
  text-decoration: none;
}

#tickets td.name a:hover {
  text-decoration: underline;
}

#tickets td.checkbox {
  width: 16px;
}

#tickets td.visibility {
  width: 16px;
}

/*******************************************************************************
  Changes
*******************************************************************************/

#ticket_changes {
  margin-top: 2px !important;
}

#ticket_changes ul {
  padding-left: 0 !important;
  list-style: circle !important;
}

#ticket_changes ul li {
  display: list-item !important;
}

#ticket_changes .ticket_change {
  margin: 3px 0 10px;
  line-height: 150%;
  font-size: 11px;
}

#ticket_changes .ticket_change h3 {
  font-size: 11px;
}

#ticket_changes .ticket_change ul {
  margin-left: 20px;
  color: #666;
}


/** File: modules/discussions/stylesheets/main.css **/

table.discussions th, table.discussions td {
  color: #999;
}

table.discussions td {
  border-bottom: 1px dotted #ddd;
  padding: 13px 0px;
  vertical-align: middle;
  font-size: 11px;
}

table.discussions h3 {
  margin: 0px;
  padding: 0px !important;
  font-size: 15px;
  font-weight: bold;
}

table.discussions td.icon {
  padding-right: 9px;
  text-align: center;
  line-height: 110%;
}

table.discussions th.comments_count, table.discussions td.comments_count {
  text-align: center;
  width: 100px;
}

table.discussions th.last_comment, table.discussions td.last_comment {
  padding-right: 5px;
  text-align: right;
  width: 200px;
}

table.discussions td.visibility {
  width: 16px;
}

/** File: modules/pages/stylesheets/main.css **/

/*******************************************************************************
  Subpages table
*******************************************************************************/

table.subpages_table td {
  padding: 3px;
  font-size: 11px;
}

table.subpages_table td.star {
  width: 16px;
}

table.subpages_table th.revisions, table.subpages_table td.revisions, table.subpages_table th.comments, table.subpages_table td.comments {
  width: 100px;
  text-align: center;
}

/*******************************************************************************
  Revisions table
*******************************************************************************/

table.revisions_table td {
  padding: 3px;
  font-size: 11px;
}

table.revisions_table td.star {
  width: 16px;
}

table.revisions_table td.revision_num {
  width: 10px;
}

table.revisions_table td.options {
  width: 16px;
}

/** File: modules/calendar/stylesheets/main.css **/

#calendar table.calendar thead th {
  text-align: center;
  font-size: 11px;
  background: #F1F1F1;
}

#calendar table.calendar {
  border-collapse: separate;
}

#calendar table.calendar tbody td {
  padding: 0;
  vertical-align: top;
}

#calendar table.calendar tbody td.day_cell {
  cursor: pointer;
}

#calendar table.calendar tbody td.collapsed {
  width: 15px;
  height: 15px;
}

#calendar table.calendar tbody td.zoomed {
  width: 300px;
  min-height: 80px;
  max-height: 300px;
}

#calendar table.calendar tbody td ul {
  list-style: square;
  padding-left: 15px;
}

#calendar table.calendar tbody td div.day_brief {
  font-size: 11px;
}

#calendar table.calendar tbody td div.day_brief ul {
  list-style: none;
  margin-top: 4px;
  padding-left: 4px;
}

#calendar table.calendar tbody td div.day_brief ul li {
  margin-bottom: 2px;
}

#calendar table.calendar tbody td div.day_brief, #calendar table.calendar tbody td div.day_details {
  padding: 2px 10px;
}

#calendar table.calendar tbody td.collapsed div.day_details {
  margin: 10px;
}

#calendar table.calendar tbody td.collapsed div.day_brief, #calendar table.calendar tbody td.collapsed div.day_details {
  display: none;
}

#calendar table.calendar tbody td.today tr.odd td {
}

#calendar table.calendar tbody td div.day_num {
  padding: 5px;
  background: #e9e9e9;
  font-weight: bold;
}

#calendar table.calendar tbody td.today .day_num {
  padding: 3px 5px;
  border: 2px solid #ccc;
}

#calendar table.calendar tbody td div.day_num a {
  background: #bbb;
  display: block;
  width: 19px;
  padding: 2px 2px;
  text-align: center;
  font-size: 10px;
  color: #fff;
}

#calendar table.calendar tbody td.weekend div.day_num {
  background:#d6d6d6;
}

#calendar table.calendar td.weekend {
  background: #f3f3f3;
}

#calendar table.calendar td.weekday {
  background: #f3f3f3;
}

#calendar table.calendar td.not_empty_day div.day_num {
  background-image: url('images/icons/gray-dot.gif');
  background-repeat: no-repeat;
  background-position: right center;
}


#calendar table.calendar tbody td div.day_zoom a, #calendar table.calendar tbody td div.day_zoom a:hover {
  border: 0;
}

#calendar table.calendar td.empty_day div.day_brief, #calendar table.calendar td.empty_day div.day_details {
  padding: 0;
}

/*******************************************************************************
  Calendar ical
*******************************************************************************/

p.calendar_ical {
  margin-top: 16px;
  text-align: center;
}

p.calendar_ical a {
  padding: 3px 0 3px 20px;
  background: url('images/ical.gif') no-repeat center left;
}

/** Details **/

#calendar div.day_details table td {
  border: 0;
  padding: 2px 5px;
  border-bottom: 1px dotted #ddd;
  font-size: 11px;
  vertical-align: middle;
}

#calendar div.day_details table td.star, #calendar div.day_details table td.checkbox, #calendar div.day_details table td.priority {
  padding: 2px;
  width: 14px;
}

#calendar div.day_details h2 {
  font-weight: bold;
  font-size: 12px;
  margin-top: 5px;
  background: none;
  padding: 0px;
  height: auto;
  border: 0px;
}

#calendar div.day_details h2 span {
  display: inline;
  margin: 0px;
  padding: 0px;
  background: none;
}

#calendar div.day_details table {
  margin-bottom: 5px;
}

#calendar div.day_details td.visibility {
  width: 16px;
}

/** Navigation **/

.calendar_navigation {
  width: 100%;
  margin-bottom: 15px;
}

.calendar_navigation td {
  padding: 0px;
}

.calendar_navigation_item {
  margin: 0px 0px 0px;
  padding: 0px;
  height: 25px;
  float: left;
  display: block;
  color: #888 !important;
  border: 1px solid #ccc;
}

.calendar_navigation_item .calendar_navigation_item_inner {
  display: block;
  font-size: 11px;
  padding: 5px 15px 7px;
  height: 13px;
  display: block;
}

.calendar_navigation .next .calendar_navigation_item {
  float: right;
}

.calendar_navigation .current .calendar_navigation_item {
  float: none;
  color: #333 !important;
}

.calendar_navigation .current .calendar_navigation_item .calendar_navigation_item_inner {
  float: none;
  text-align: center;
  font-weight: bold;
}

.calendar_navigation .next .calendar_navigation_item,
.calendar_navigation .previous .calendar_navigation_item {

}

a.calendar_navigation_item:hover {
  color: #333 !important;
}

.previousMonth,
.nextMonth {
  background: url(images/calendar_not_current.gif) repeat left top;
}



/** File: modules/checklists/stylesheets/main.css **/

#checklists td a {
  color: #950000;
}

#checklists td {
  padding: 5px;
}

#checklists td.star {
  width: 16px;
  padding-left: 6px;
  padding-right: 6px;
}

#checklists td.visibility {
  width: 16px;
}

/*******************************************************************************
  Quick add
*******************************************************************************/

#quick_add_checklist p.quick_add_checklist_task input {
  width: 601px;
}

/** File: modules/milestones/stylesheets/main.css **/

#milestones td {
  padding: 5px;
}

#milestones td a {
  color: #950000;
}

#milestones td.star, #milestones td.priority {
  padding-left: 6px;
  padding-right: 6px;
}

#milestones td.star {
  width: 16px;
}

#milestones td.priority {
  width: 14px;
}

#milestones td.date {
  width: 180px;
  text-align: center;
}

#milestones td.date, #milestones td.due {
  font-size: 11px;
}

#milestones td.due {
  width: 100px;
  text-align: right;
}

#milestones tr.late td.due {
  color: red;
}

#milestones tr.upcoming td.due {
  color: green;
}

/*******************************************************************************
  Milestones ical
*******************************************************************************/

p.milestones_ical {
  margin-top: 16px;
  text-align: center;
}

p.milestones_ical a {
  padding: 3px 0 3px 20px;
  background: url('images/ical.gif') no-repeat center left;
}

/*******************************************************************************
  Successive milestones
*******************************************************************************/

div.with_successive_milestones div.successive_milestones {
  padding-top: 10px;
  padding-left: 20px;
}

/** File: modules/backup/stylesheets/main.css **/

.existing_backups {
  border: 1px solid #eee;
  padding: 5px 10px;
  font-size: 11px;
  margin-top: 10px;
  background: #f8f8f8;
}

.existing_backups ul {
  list-style: disc !important;
  margin: 0px 0px 10px !important;
  padding: 0px 0px !important;
}

.existing_backups ul li {
  display: inline !important;
  margin-right: 15px;
  border-bottom: 1px solid #ccc;
}

/** File: modules/timetracking/stylesheets/main.css **/

/** Both reports and records pages **/

#start_date, #end_date  {
  width: 80px !important;
  padding: 1px 2px;
}

#assignmenst_filter_form table td {
  padding: 8px 4px;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}

/*******************************************************************************
  New report form
*******************************************************************************/

#time_report_form table td {
  padding: 8px 4px;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}

#time_report_form table td.report_select_label {
  width: 100px;
}

#time_report_form table td.report_select_select {
  width: 250px;
}

#time_report_form table td.report_select_additional {
  padding-left: 32px;
  background: url('images/arrow-right-small.gif') no-repeat 8px 10px;
}

#time_report_form table td.report_select_additional table {
  width: 300px;
}

#time_report_form table td.report_select_additional table td {
  padding: 0 10px 0 0;
  border: 0;
  width: 150px;
}

/*******************************************************************************
  Reports form (old!)
*******************************************************************************/

#generate_report {
  margin-bottom: 16px;
  background-color: #edecec;
}

#generate_report td {
  padding: 5px;
}

#generate_report table td.type {
  padding-left: 10px;
  width: 150px;
}

#generate_report table td.type select {
  width: 150px;
}

#generate_report td.start_date, #generate_report td.end_date {
  width: 110px;
}

#generate_report td.start_date div,
#generate_report td.end_date div {
  display: none;
}

#generate_report td.date_separator_container {
  width: 15px;
}

#generate_report .date_separator {
  display: none;
  color: #999;
}

/*******************************************************************************
  Time Records
*******************************************************************************/

#new_record {
  background: #EDECEC;
  border: 1px solid #EAEAEA;
  margin-top: 1px;
  width: 896px;
  margin-left: 1px;
}

#new_record .ctrlHolder {
  margin: 0; padding: 0;
}

#new_record .ctrlHolder.error, #new_record .ctrlHolder.focused {
  background: transparent;
}

#new_record .ctrlHolder.error input, #new_record .ctrlHolder.error select {
  background: #FFDFDF;
  color: red;
}

#new_record.error {
  background-color: #FFDFDF;
  border-bottom: 1px solid #b2b2b2;
}

#new_record td {
  padding: 10px 7px;
}

#new_record .actions {
  height: 45px;
}

#timerecords td {
  padding: 6px 8px;
}

#timerecords .date {
  width: 120px;
  white-space: nowrap;
}

#timerecords .user {
  width: 150px;
}

#timerecords .user select {
  width: 150px;
}

#timerecords .hours {
  width: 50px;
  text-align: right;
}

#timerecords .hours input {
  width: 40px;
}

#timerecords .desc input {
  width: 97%;
}

#timerecords .billable {
  width: 50px;
  text-align: center;
}

#timerecords .actions {
  width: 40px;
  text-align: right;
}

#timerecords .checkbox {
  width: 16px;
}

#timerecords #records table tr.billed {
  text-decoration: line-through;
}

#timerecords #records table tr.billed td, #timerecords #records table tr.billed td a {
  color: #666 !important;
  font-weight: normal;
  text-decoration: line-through;
}

#timerecords #records table td.total {
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
}

#total_time {
  float: right;
  width: 350px;
  text-align: right;
}

#total_time b{
  margin-left: 10px;
}

#export_to_csv {
  float: right;
  margin-right: 4px;
  width: 525px;
  text-align: right;
}

/*******************************************************************************
  Quick add
*******************************************************************************/

#quick_add_time_record div.ctrlHolder.right_record_field {
  clear: none;
}

#quick_add_time_record div.left_record_field {
  float: left;
  width: 200px;
}

#quick_add_time_record div.left_record_field input {
  width: 70px;
}

#quick_add_time_record div.left_record_field input.inline {
  width: auto;
}

#quick_add_time_record div.right_record_field {
  padding-top: 9px;
  margin-left: 10px;
}

#add_time {
  margin-bottom: 20px;
}

table.timerecords {
  font-size: 11px;
}

table.timerecords td {
  padding: 3px 5px !important;
}

table.timerecords tr.no_records td {
  text-align: center;
  color: #999;
  padding: 16px !important;
  font-size: 14px;
}


table.timerecords tfoot td {
  padding: 5px 5px !important;
}

/*******************************************************************************
  Time popup
*******************************************************************************/

span.time_popup_widget.with_text a {
  position: relative;
  top: 3px;
}

div.object_time_popup .col {
  width: 48%;
}

div.object_time_popup .time_popup_date_wrapper, div.object_time_popup .time_popup_user_wrapper, div.object_time_popup .time_popup_hours_wrapper {
  float: left;
  margin-right: 10px;
}

div.object_time_popup .time_popup_date_wrapper {
  width: 130px;
}

div.object_time_popup .time_popup_user_wrapper {
  width: 155px;
}

div.object_time_popup .time_popup_hours_wrapper {
  width: 60px;
}

div.object_time_popup .time_popup_user_wrapper select {
  width: 150px;
}

div.object_time_popup .time_popup_summary_wrapper input {
  width: 355px;
}

div.object_time_popup .total_time {
  border: 1px solid #ccc;
  border-width: 1px 0;
  padding: 8px 4px;
  text-align: center;
  font-size: 150%;
}

/*******************************************************************************
  Time Reports
*******************************************************************************/

#global_time table.report {
  background: #f9f9f9;
  border: 1px solid #EAEAEA;
  margin-top: 1px;
  width: 896px;
  margin-left: 1px;
  margin-bottom: 10px;
}

#global_time table.report td {
  padding: 5px 10px;
}

#global_time table.report td select {
  margin-left: 10px;
  margin-right: 10px;
  width: 240px;
}

#global_time #time_report_options {
  text-align: right;
  width: 200px;
}

#global_time #time_report_options span.tooltip {
  padding-right: 10px;
	color: #999;
	font-size: 11px;
	margin-top: 1px;
	position: relative;
	top: -4px;
}

#global_time #time_report_details {
  margin: 5px;
  padding: 2px 10px;
  background: #f8f8f8;
  border: 1px dotted #e8e8e8;
  font-size: 11px;
}

/*******************************************************************************
  Time Reports
*******************************************************************************/

#time_report_records tr.billed {
  text-decoration: strikethrough;
}

#time_report_records td {
  padding: 5px;
}

#time_report_records th.date, #time_report_records td.date {
  width: 100px;
}

#time_report_records th.user, #time_report_records td.user {
  width: 150px;
}

#time_report_records th.hours, #time_report_records td.hours {
  text-align: right;
  width: 50px;
}

#time_report_records th.billed, #time_report_records td.billed {
  text-align: center;
  width: 50px;
}

#time_report_records th.project, #time_report_records td.project {
  text-align: right;
  width: 120px;
}

#time_report_records td.total {
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
}

#time_report_summarized_by_user {
  width: 400px;
}

#time_report_summarized_by_user td {
  padding: 5px;
}

#time_report_summarized_by_user th.hours, #time_report_summarized_by_user td.hours {
  text-align: right;
}

#time_report_summarized_by_user td.total {
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
}

#time_report_export {
  margin-top: 16px;
  text-align: center;
}

#time_report_export a {
  padding: 3px 0 3px 20px;
  background: url('images/csv.gif') no-repeat center left;
}

/******************************************************/

#auth_dialog_container {
  background: #9C0000 url(../images/login_form_background.gif) repeat-x left top;
}

#auth_dialog_container_inner {
  background: url(../images/login_form_background_inner.gif) repeat-x left bottom;
}

#auth_dialog button,
.grey_button {
  background-image: url(../images/login_bg_button_a.gif);
  height:24px;
}

#auth_dialog button span,
.grey_button span {
  background-image: url(../images/login_bg_button_span.gif);
}

#auth_dialog {
  width: 340px;
  background: #EDECEC url(../images/login_form_top.gif) no-repeat left top;
  border: 0px;
}

#auth_dialog form {
  background: url(../images/login_form_bottom.gif) no-repeat left bottom;
}

.auth_elements {
  padding-left: 16px !important;
}
/*******************************************************************************
  Buttons
*******************************************************************************/

button {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
  color: #222;
  display: block;
  float: left;
  height: 24px;
  margin-right: 6px;
  padding-right: 12px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 10px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;
}

button, x:-moz-any-link {
  padding-right: 8px !important;
}

button.default {
  font-weight: bold !important;
}

button span {
  background: transparent url(../images/bg_button_span.gif) no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 8px 5px 20px;
  outline: none !important;
}

/* FIREFOX FIX */
button span, x:-moz-any-link {
  position: relative;
  top: -1px;
}

button:hover {
  background-position: right center;
}


button:hover span {
  background-position: left center;
}

button.simple {
  float: none !important;
  margin: 0px !important;
  padding: 0px !important;
  width: 82px;
  background: #FFF url(../images/bg_button_simple.gif) no-repeat;
  display: inline !important;
}

* html button.simple {
  margin-left: 4px !important;
  position: relative;
  top: 1px;
}

button.simple:hover {
  background-position: center center;
}

.button_disabled {
  opacity: 0.5;
}

.button_disabled:hover {
  background-position: left top !important;
}

a.button {
  border: 0px;
  background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
  color: #222;
  display: block;
  float: left;
  height: 24px;
  margin-right: 6px;
  padding-right: 12px; /* sliding doors padding */
  text-decoration: none;
  overflow: hidden;
  font-size: 10px;
  outline: none; /* hide dotted outline in Firefox */
}

.hcopy {
	width:170px;
}

a.button.default {
  font-weight: bold !important;
}

a.button span {
    background: transparent url(../images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 12px;
}

* html a.button span {
   padding: 5px 0 6px 12px;
}

a.button:hover {
  background-position: right center;
}


a.button:hover span {
  background-position: left center;
}

a.button span img {
	margin-left: 2px;
}
.empty_slate fieldset legend h3 {
font-size:15px !important;
font-weight:bold;
margin-bottom:8px !important;
}

/****************************************************/

label {
	width:150px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block
}

/*********   NEW   **********************************/

#students_view {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*********  Picture Enlarge **********************************/
#pic {
/*	background-color: #FFFFFF;*/
	left: 10px;
	position: relative;
	top: 10px;
	width: 100px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {

/*	border: 1px solid #000000;*/
	display: block;
	height: 70px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 100px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 233px;
	left: 150px;
	position: absolute;
	top: -60px;
	width: 300px;
}
#pic1 {
       background-color: #FFFFFF;
       left: 10px;
       position: relative;
       top: 2px;
       width: 40px;
}
/******** students enlarge*********/
#pic1 a .large {
       border: 0px;
       display: block;
       height: 1px;
       left: -1px;
       position: absolute;
       top: -0px;
       width: 0px;
}

#pic1 a img {
       border: 0;
}

#pic1 a.p1, #pic a.p1:visited {

       display: block;
       left: 0;
       text-decoration: none;
       top: 0;
}

#pic1 a.p1:hover {
       background-color: #8C97A3;
       color: #000000;
       text-decoration: none;
}

#pic1 a.p1:hover .large {
      border: 1px solid #000000;
       display: block;
       height: 80px;
       left: 100px;
       position: absolute;
       top: -40px;
       width: 130px;
}
#main_box_right_admin {
	float:right;
	width:185px;
	padding:0px 13px 0 0;
}
.dsarticle {
	clear:both;
	margin-bottom:20px;
	padding:10px;
}
.dsarticle_2 {
	border:0px solid #D8D9DA;
	width:206px;

}
#foo, input{
	width:170px;
	border:1px solid;
	}
.post_textarea{
	width:352px;
}
.post_inputbox{
	width:352px;
}
.exam_th {
   padding: 5px;
  text-align: left;
}

.studentbox{
width:100px;
}
<!--Light Box Code Starts-->
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
<!--Light Box Code End here-->




